1. 原生js中,阻止事件冒泡,获取点击对象, e.stopPropagation();
2. vue阻止事件冒泡@click.stop="show"
<body>
<div id="myApp" @click="show2()">
<div @click="show1()">
<button @click.stop="show">vue点我</button>
</div>
</div>
</body>
<!-- 停止冒泡 -->
<button @click.stop="doThis"></button>
<!-- 阻止默认行为 -->
<button @click.prevent="doThis"></button>
<!-- 阻止默认行为,没有表达式 -->
<form @submit.prevent></form>
<!-- 串联修饰符 -->
<button @click.stop.prevent="doThis"></button>
<!-- 点击回调只会触发一次 -->
<button v-on:click.once="doThis"></button>
<!-- 键修饰符,键别名 -->
<input @keyup.enter="onEnter">
<!-- 键修饰符,键代码 -->
<input @keyup.13="onEnter">