vue中如何绑定点击事件

Vue 中绑定点击事件

Vue 中绑定点击事件有两种主要方法：内联事件和方法处理程序。

内联事件

内联事件直接在 HTML 元素上声明。当该元素被点击时，事件将触发：

立即学习“前端免费学习笔记（深入）”；

<button>点击我</button>

方法处理程序

方法处理程序将事件绑定到一个 Vue 方法。当元素被点击时，该方法将被调用：

<button v-on:click="myFunction()">点击我</button>

methods: {  myFunction() {    console.log('按钮被点击了！')  }}

事件修饰符

Vue 提供了事件修饰符来修改事件处理程序的行为：

例如：

<button>停止冒泡</button>

其他注意事项