事件修饰符

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>