<!-- .stop阻止冒泡-->
<!-- <div class="outer" @click=' click0uter'>
<div class=" inner" @click=" clickInner">
<button @click . stop= ' clickBtn' >点我</button>
</div>
</div> -->
<!-- . prevent阻止默认事件-->
<a href-="http://www. baidu. com” @click . prevent='clickA'>百度一 下</a>
<!-- .capture 捕获模式-->
<!-- <div class="outer" @click= ' click0uter'>
<div class-" inner" @click . capture=" clickInner">
<button @click=' clickBtn'>点我</button>
</div>
</div> -->
<!-- .self触发的是这个元素的事件的时候,才会触发事件,通过冒泡或者捕获都不会触发这个事件- ->
<!-- .self 只阻止带有self的触发,. stop阻止所有事件冒泡- - >
<div class=" outer" @click= ' clickOuter'>
<div class="inner" @click. self="clickInner">
<button @click='clickBtn'>点我</button>
</div>
</div>
<!-- .once 只会触发一次-->
<button @click . once=' clickBtn'>-次</button>