vue事件修饰符与按键修饰符

一、事件修饰符

.stop：阻止冒泡

.prevent：阻止默认事件

.capture：事件执行循序改成捕获

.once：方法只执行一次

.self：只有标签本身才能触发事件

.passive：提升移动端性能，告诉浏览器没有阻止默认动作

二、按键修饰符

.enter .tab .delete .esc .space .up .down .left .right

@keyup.enter="handle()"

三、自定义按键修饰符别名

Vue.config.keyCodes = {

  v: 86,

  f1: 112,

  // camelCase驼峰命名法 不可用  mediaPlayPause: 179,

  // 取而代之的是 kebab-case中划线命名法 且用双引号括起来  "media-play-pause": 179,

  up: [38, 87]

}