阻止默认事件

<template><a @click="onClickHandle" href="https://www.baidu.com">baidu</a><a @click.prevent="onClickHandle" href="https://www.baidu.com">baidu</a>
</template>
<script>export default{data(){return{}},methods: {onClickHandle(e){e.preventDefault();}}}
</script>

其中e.preventDefault();，和@click.prevent作用一样。

阻止冒泡事件

父级和子级相互嵌套时，只触发子级，而不触发父级。
.stop
VUE官方文档