v-on指令

1、Vue.js v-on指令

1)、v-on用法

• v-on 指令用于绑定事件监听器，v-on 指令的简写形式为 @event。
• v-on 指令可以支持同时写多个事件监听器，多个事件监听器的简写形式为 v-on={@event1:handler1, @event2:handler2}。
• v-on 指令支持原生 JavaScript 的所有的事件，并且支持参数传递。

2）、语法

• 缩写：@
• 预期：Function | Inline Statement | Object
• 参数：event

3)、v-on事件修饰符

• v-on .stop 阻止事件冒泡。
• v-on .prevet 阻止事件的默认行为。
• v-on .capture 添加事件侦听器，使用事件捕获模式。
• v-on .self 只当事件在该元素本身触发时，触发回调。
• v-on .once 事件只触发一次。

2、使用示例