Vue原文链接：cn.vuejs.org/v2/guide/co…

事件修饰符

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

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

• stop
• prevent
• capture
• self
• once
• passive

按键修饰符

在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：

//为了支持旧游览器，vue提供对应键盘（别名），

• .enter
• .tab
• .delete (捕获“删除”和“退格”键)
• .esc
• .space
• .up
• .down
• .left
• .right

你还可以通过全局 config.keyCodes 对象自定义按键修饰符别名：

// 可以使用 `v-on:keyup.f1`
Vue.config.keyCodes.f1 = 112

自定义事件修饰符

.sync

在某些情况下，我们需要对一个pop进行一个“双向绑定”，但是prop暴漏出去的端口，我们只是希望使用变更，而不需要子组件修改夫组件的内容，而且后期维护也会变得复杂。

//this.$emit(event,args)
this.$emit('update:title', newTitle)

<text-document
  v-bind:title="doc.title"
  v-on:update:title="doc.title = $event"
></text-document>

// 改用.sync

<text-document v-bind:title.sync="doc.title"></text-document>