vue基本知识速成——v-on（补充）

事件修饰符

在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求，阻止事件冒泡或捕获或者事件默认行为。尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。

为了解决这个问题，Vue.js 为 v-on 提供了 事件修饰符。之前提过，修饰符是由点开头的指令后缀来表示的。

• .stop：阻止单击事件继续传播。
• .prevent：阻止事件默认行为。
• .capture：添加事件监听器时使用事件捕获模式。
• .self：只当在 event.target 是当前元素自身时触发处理函数。
• .once：点击事件将只会触发一次。
• .passive：滚动事件的默认行为 (即滚动行为) 将会立即触发。

例子：

.stop 修饰符的应用。

未添加 .stop 修饰符，事件会触发冒泡行为，点击子元素也会触发父元素的相同事件。