1，<!-- 阻止單擊事件繼續傳播 -->

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

　　stop修飾符對應的是阻止冒泡的event.stopPropagation()

2，<!-- 提交事件不再重載頁面 -->

<form v-on:submit.prevent="onSubmit"></form>

　　prevent修飾符對應的是阻止觸發默認行為的event.preventDefault()

3，<!-- 點擊事件將只會觸發一次 -->

<a v-on:click.once="doThis"></a>

　 once修飾符 只會觸發一次綁定的事件，.once 修飾符還能被用到自定義的組件事件上

4，<!-- 添加事件監聽器時使用事件捕獲模式 -->

<!-- 即元素自身觸發的事件先在此處理，然後才交由內部元素進行處理 -->
<div v-on:click.capture="doThis">...</div>
舉例說明：
<div @click="doParent" id="parent">
　　<div @click="doChildren" id="children"></div>
</div>

　不寫.capture修飾符時，點擊#children, 先觸發doChildren事件，再觸發doParent事件，順序由內部向外部　

<div @click="doParent" id="parent">
　　<div @click="doChildren" id="children"></div>
</div>
寫.capture修飾符時，點擊#children, 先觸發doParent事件，再觸發doChildren事件，順序由外部向內部

5，<!-- 只當在 event.target 是當前元素自身時觸發處理函數 -->

<!-- 即事件不是從內部元素觸發的 -->

　<div v-on:click.self="doThat"></div>

self修飾符 同樣可以起到阻止事件冒泡的作用

vue2.0 事件處理常用修飾符-----------------記錄，加強記憶。