vue的冒泡事件

<div @click="divEven" style="border:1px #188eee solid;">

<a href="www.baidu.com" @click="aEven">百度链接</a>

</div>

<!--stop的使用：阻止事件冒泡的发生-->

<div @click="divEven" style="border:1px #188eee solid;">

<a href="www.baidu.com" @click.stop="aEven">百度链接</a>

</div>

<!--prevent的使用：阻止冒泡和阻止默认事件的发生-->

<div @click="divEven" style="border:1px #188eee solid;">

<a href="www.baidu.com" @click.stop.prevent="aEven">百度链接</a>

</div>

<!--self的使用：只有点击他本身时才去执行，点击他的子元素不去执行，阻止默认事件（不进行跳转）-->

<div @click.self="divEven" style="border:1px #188eee solid;">

<a href="www.baidu.com" @click.prevent="aEven">百度链接</a>

</div>

<!--capture的使用：触发捕获事件()先执行大盒子的事件，起执行小盒子的事件,阻止默认事件（不进行跳转）-->

<div @click.capture="divEven" style="border:1px #188eee solid;">

<a href="www.baidu.com" @click.prevent="aEven">百度链接</a>

</div>