<!-- 使用 .stop 阻止冒泡事件-->
<div class="inner" @click="divHandler">
<input type="" name="" @click.stop="btnHandler">
</div>
<!-- 使用 .prevent阻止默认行为 -->
<a href="" @clcik.prevent="linkClick"></a>
<!-- 使用 .capture实现捕获触发事件的机制 -->
<div class="inner" @click.capture="divHandler">
<input type="" name="" @click="btnHandler">
</div>
<!-- 使用 .self实现只有点击当前元素的时候,才会触发事件处理函数 -->
<div class="inner" @click.self="divHandler">
<input type="" name="" @click="btnHandler">
</div>
<!-- 使用 .once只触发一次事件处理函数 -->
<a href="" @clcik.prevent.once="link"></a>