VUE 绑定事件监听

在Vue 3中，绑定事件监听是通过v-on指令或其简写形式@来实现的。

基本用法

• 完整语法：v-on:click="methodName"
• 简写语法：@click="methodName"

事件修饰符

Vue提供了一系列事件修饰符，它们可以用v-on或@后跟点.语法链式调用，以指示Vue如何修改原生DOM事件的行为。

• .stop：阻止事件冒泡
• .prevent：阻止默认事件
• .capture：使用事件捕获模式
• .self：只有当事件在该元素本身（而不是子元素）触发时触发回调
• .once：事件只触发一次

在Vue 3中，绑定事件监听的概念和用法与Vue 2类似，但Vue 3带来了许多其他改进和新特性，如Composition API，它为组件逻辑的组织提供了更大的灵活性和重用性。然而，在模板中绑定事件监听的基本概念和语法在Vue 2和Vue 3之间是相同的。