1. .stop 阻止冒泡
2. .prevent 阻止預設事件
3. .capture 新增事件偵聽器時使用事件捕獲模式
4. .self 只當該事件在該元素本身時（不是子元素）觸發時才回調
5. .once 事件只觸發一次

一、.stop 修飾符：

1、未加.stop事件修飾符：

<div id="app"> <div class="outer" @click="outerDivHandler"> <div class="inner" @click="innerDivHandler"> <button @click="btnHandler">點我</button> </div> </div> </div> <script> var app = new Vue({ el: "#app", data() { }, methods: { btnHandler() { console.log("btnHandler事件觸發了"); }, innerDivHandler() { console.log("innerDivHandler事件觸發了"); }, outerDivHandler() { console.log("outerDivHandler事件觸發了"); }, }, }); </script>

輸出結果，點選按鈕時分別觸發了，父級的事件。