VUE框架 導致綁定事件的阻止冒泡失效

前面遇到了一個問題就是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>