Vue事件修饰符的使用

Vue.js 为了简化这种常见需求，为v-on提供了一个叫Event Modifiers (事件修饰符)的语法糖。vue2共提供了五个事件修饰符：

• .stop 阻止事件向上冒泡，等价于添加event.stopPropagation()
• .prevent 阻止元素发生默认的行为，等价于添加event.preventDefault()
• .capture 在捕获阶段触发监听函数
• .self 只当 event.target === event.currentTarget 时触发处理函数
• .once 事件将只会触发一次
• .passive 表示 listener 永远不会调用 preventDefault(