# .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> ```