vue事件修饰符.stop、.prevent、.capture、.self、.once

阻止默认事件.prevent

阻止a标签默认跳转

<a href="http:www.baidu.com" @click.prevent>点我</a>

阻止事件冒泡.stop

<div class="littlebox" @click.stop='littleActionDefault()'>

修饰符可以串联

<a v-on:click.stop.prevent="doThat"></a>

事件流采取捕获模式.capture

对应的外部盒子都要写上这么捕获模式

<div class="bigbox" @click.capture='bigAction'>

点击自身触发.self

该修饰符不会阻止冒泡或者捕获，只是冒泡或捕获流经有设置.self的元素时，该元素不会触发绑定的事件，只有当点击它自己的时候才会触发它绑定的事件

<div class="middlebox" @click.self='middleAction()'>

点击事件只触发一次.once

点击事件只会触发一次，之后再点就不会触发。不像其它只能对原生的 DOM 事件起作用的修饰符，.once 修饰符还能被用到自定义的组件事件上

<button @click.once="onceAction">once</button>