vue中v-on的作用

Vue.js 中 v-on 的作用

v-on 指令是 Vue.js 中的事件监听器，用于监听 HTML 元素上的事件并执行相应的 JavaScript 代码。它以一种声明式的方式来绑定事件处理函数，使事件处理更加简单和高效。

语法

v-on 指令的语法如下：

v-on:event="handler"

其中：

示例

以下示例展示了如何使用 v-on 指令监听单击事件：

<button v-on:click="sayHello">点击我</button>

// Vue 实例const app = new Vue({  methods: {    sayHello() {      console.log('你好，世界！');    }  }});

当用户单击按钮时，sayHello 方法将被调用并输出消息 "你好，世界！"。

特点

v-on 指令具有以下特点：