在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation()是非常常见的需求。尽管我们可以在 methods 中轻松实现这点，但更好的方式是：methods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。
为了解决这个问题， Vue.js 为 v-on 提供了 事件修饰符。通过由点(.)表示的指令后缀来调用修饰符。
事件修饰符
.stop：阻止单击事件冒泡.prevent：提交事件不再重载页面.capture：添加事件侦听器时使用事件捕获模式.self：当事件在该元素本身触发时触发回调.once：事件只会发生一次
按键修饰符
Vue 允许为 v-on 在监听键盘事件时添加按键修饰符，意思就是只有在按下enter键之后才能触发后面的方法
只有在key是“Enter”时调用方法
<input v-on:keyup.enter="submit">
只有按下alt利lenter键后调用方法
<input v-on : keyup.alt.enter="submit">
全部的按键别名：记住所有的 keyCode 比较困难，所以 Vue 为最常用的按键提供了别名：
.enter.tab.delete(捕获 “删除” 和 “退格” 键).esc.space.up.down.left.right
可以通过全局 config.keyCodes 对象自定义按键修饰符别名
// 可以使用 v-on:keyup.f1
Vue.config.keyCodes.f1 = 112
