Vue.js中提供了很多有用的指令，其中v-on是處理事件的指令。在Vue.js中，通過v-on指令可以監聽DOM事件，例如@click,@keyup等等。
上面的代碼可以監聽按鈕的點擊事件，并執行doSomething方法。但是，在某些情況下我們可能不希望父級元素監聽到子元素的事件，此時我們需要禁止事件傳遞。
Vue提供了.stop修飾符，可以阻止事件繼續傳遞。例如，下面的代碼在點擊按鈕時不會觸發父級元素的@click事件。
除了.stop修飾符外，Vue還提供了.prevent和.capture修飾符。.prevent修飾符可以防止事件發生默認行為，.capture修飾符可以捕獲事件并在父級元素上觸發。
上面的代碼示例展示了.prevent和.capture修飾符的使用方法。.prevent修飾符在表單中防止按鈕的默認提交行為，.capture修飾符在div元素上捕獲按鈕事件并觸發父級的handleDivClick方法。
需要注意的是，在使用修飾符時，要確保語法正確，不然可能會出現意想不到的錯誤。例如，下面的代碼中.stop修飾符被放在了錯誤的位置，導致事件無法正確觸發。
除了使用修飾符外，我們還可以使用event.stopPropagation()方法來禁止事件繼續傳遞。例如，下面的代碼在點擊按鈕時會執行doSomething方法，但是事件不會冒泡到父級元素。
需要注意的是，當使用event.stopPropagation()方法時，需要確保方法執行的時機和順序，不然可能會影響到其他地方的事件處理。
上一篇vue 移動手勢
下一篇vue 移動端 動畫