Vue.js 的 v-on 指令是事件监听器，用于监听元素事件并执行代码，它以声明式方式绑定事件处理函数，简化事件处理。
Vue.js 中 v-on 的作用
v-on 指令是 Vue.js 中的事件监听器，用于监听 HTML 元素上的事件并执行相应的 JavaScript 代码。它以一种声明式的方式来绑定事件处理函数，使事件处理更加简单和高效。
语法
v-on 指令的语法如下：
v-on:event="handler"
其中：
-
event是要监听的事件类型，例如click、input、submit等。 -
handler是当事件触发时要执行的 JavaScript 代码或方法。可以使用以下三种方法：立即学习“前端免费学习笔记（深入）”；
- 直接内联函数：在指令中直接写一个函数。
- 方法名称：指定一个在 Vue 实例中定义的方法。
- 回调函数：将一个匿名回调函数作为参数传递给 v-on。
示例
以下示例展示了如何使用 v-on 指令监听单击事件：
// Vue 实例
const app = new Vue({
methods: {
sayHello() {
console.log('你好，世界！');
}
}
});当用户单击按钮时，sayHello 方法将被调用并输出消息 "你好，世界！"。
特点
v-on 指令具有以下特点：
