前面遇到了一個問題就是VUE框架內部做了一些處理，使得在我們通過v-for渲染DOM的時候新增新元素的時候，繫結事件也能對新增的元素有效。

而這次遇到的問題則是，原本繫結事件中（該函式沒有寫在vue例項的methods中），導致阻止冒泡事件失效了。無論是return false 還是event.stopPropagation();都無效。

此時需要通過用VUE提供了事件修飾符來處理，比如阻止事件冒泡@click.stop='xx()'

.stop
.prevent
.capture
.self
.once

<a v-on:click.stop
 
="doThis"></a>
<!-- 提交事件不再過載頁面 -->
<form v-on:submit.prevent="onSubmit"></form>
<!-- 修飾符可以串聯  -->
<a v-on:click.stop.prevent="doThat"></a>
<!-- 只有修飾符 -->
<form v-on:submit.prevent></form>
<!-- 新增事件偵聽器時使用事件捕獲模式 -->
<div v-on:click.capture
 
="doThis">...</div>
<!-- 只當事件在該元素本身（比如不是子元素）觸發時觸發回撥 -->
<div v-on:click.self="doThat">...</div>