# .self 修飾符 ## .self修飾符的作用是只有點擊元素本身的時候才能觸發事件，不接受冒泡上來的事件，同時也不能阻止事件的冒泡 ## ``` <div class="outer" @click.self="outer"> <div class="center" @click.self="center"> <div class="inner" @click.self="inner"></div> </div> </div> ``` ## .self修飾符實際是不能阻止事件向上冒泡的。 ``` <div class="outer" @click="outer"> <div class="center" @click.self="center"> <div class="inner" @click.self="inner"></div> </div> </div> ```  ``` <div class="outer" @click="outer"> <div class="center" @click.self="center"> <div class="inner" @click.self="inner"></div> </div> </div> ```