Vue.js 中的 v-on 指令用于监听元素上的事件，使 Vue.js 能够在用户交互时做出响应。通过将元素事件与组件方法关联，当事件触发时，将调用关联的方法。可使用修饰符来修改行为，例如阻止事件传播或默认事件行为。
Vue 中的 v-on
v-on 是 Vue.js 中一个指令，用于监听元素上的事件。它允许 Vue.js 在用户与应用程序交互时做出响应。
作用
v-on 指令使 Vue.js能够将元素上的事件与组件中的方法相关联。当触发事件时，将调用关联的方法。
立即学习“前端免费学习笔记（深入）”；
用法
v-on 指令的语法为：
v-on:[event-name]="method"
其中：
- event-name：要监听的事件名称，例如 "click"、"change" 或 "keydown"
- method：要调用的组件方法
例如，要监听元素上的单击事件并调用组件中的 handleClick 方法，可以使用以下代码：
修饰符
v-on 指令可以使用修饰符来修改其行为。常用的修饰符包括：
- .stop：阻止事件传播
- .prevent：阻止默认事件行为
- .capture：在捕获阶段侦听事件
- .passive：在非捕获阶段侦听事件
示例
以下示例展示如何使用 v-on 指令来处理不同的事件：
单击更改
