事件修饰符
1.阻止单击事件继续传播
<a v-on:click.stop="doThis"></a>
2.提交事件不再重载页面
<form v-on:submit.prevent="onSubmit"></form>
3.修饰符可以串联
<a v-on:click.stop.prevent="doThat"></a>
4.只有修饰符
<form v-on:submit.prevent></form>
5.添加事件监听器时使用事件捕获模式,即内部元素触发事件先在此处理,然后才交由内部元素进行处理
<div v-on:click.capture="doThis"></div>
6.只当在event.target 是当前元素自身时触发处理函数,即事件不是从内部元素触发
<div v-on:click.self="doThat"></div>
按键修饰符
7.即使Alt 或 Shift 被一同按下时也会触发
<button @click.ctrl="onClick">A</button>
8.有且只有 Ctrl 被按下的时候才出发
<button @click.ctrl.exact="onCtrlClick">A</button>
9.没有任何系统修饰符被按下的时候才触发
<button @click.exact="onClick"></button>