vue面试系列(4) vue常用事件修饰符

.stop

<!-- 阻止单击事件冒泡 -->
<a v-on:click.stop="doThis"></a>

.prevent

<!-- 防止执行预设的行为（如果事件可取消，则取消该事件，而不停止事件的进一步传播） -->
<a v-on:click.stop="doThis"></a>

.capture

<!-- 与事件冒泡的方向相反，事件捕获由外到内,捕获事件：
		嵌套两三层父子关系，然后所有都有点击事件，
		点击子节点，就会触发从外至内 父节点-》子节点的点击事件 -->
<a v-on:click.stop="doThis"></a>

.self

<!-- 只在当前元素自身触发处理函数 -->
<a v-on:click.stop="doThis"></a>

.once

<!-- 事件只触发一次 -->
<a v-on:click.stop="doThis"></a>

.passive

<!-- Vue 还对应 addEventListener 中的 passive 选项提供了 .passive 修饰符 -->
<a v-on:click.stop="doThis"></a>