vue阻止元素的默认行为与事件冒泡

阻止元素默认行为

阻止a标签跳转到super的博客，仅执行sayHello，代码如下

<a href="https://rongsp.com" @click.prevent="sayHello()">super的博客</a>

使用prevent修饰符

阻止事件冒泡

<div @click="sayBye">
	<button @click="sayHello"></button>
</div>

使用stop修饰符，当点击button时，仅执行sayHello，不执行sayBye

<div @click="sayBye">
	<button @click.stop="sayHello"></button>
</div>