native

@click.native=’’ // 绑定原生点击事件
在vue中给组件绑定事件的时候必须加上native修饰，监听根元素的原生事件用native修饰
子组件内部向外部发送事件使用$emit

stop

<a  v-on:click.stop='test'></a> // 阻止事件冒泡

prevent

<a v-on:submit.prevent='test'></a> // 提交事件不在重载页面

修饰符可以串联

capture

事件监听器
必须在父元素添加
元素自身触发的事件先自己处理，然后在交由内部元素处理

self

只能自己调用才有效

<div @click.self='test'></div>

once

如果我们在@click事件上添加.once修饰符，只要点击按钮只会执行一次。

常见的按键修饰符

keyup
.enter //回车键
.tab //tab键
.delete //“删除”和“退格”键
.esc //Esc键
.space //空格键
.up //↑键
.down //↓键
.left //←键
.right //→键