事件修饰符

• 事件修饰符

用来处理事件的特定行为

<!-- 阻止冒泡 -->

<button @click.stop="doThis"></button>

<!-- 阻止默认行为 -->

<a @click.prevent="doThis"></a>

<!-- 只执行一次 -->

<div @click.once="incr()">自增一下</div>

<!-- 绑定的元素本身触发时才触发回调 -->

<ul @click.self="incr()">

<li>你好世界</li>

</ul>

<!--  串联修饰符 -->

<button @click.stop.prevent="doThis"></button>