.stop
阻止事件冒泡
父子元素都有事件绑定的时候,child.stop
会阻止事件向上传递
.capture
事件捕获
.once
只执行一次
.self
只有触发自身事件时才执行(不受冒泡和捕获影响)
.prevent
阻止默认行为
<a href='http://www.uplyw.com' @click.prevent="jump"></a>
<!--此时a链接会执行 jump 事件 但不会跳转到对应地址-->
<div id="app">
<div @click="parend">parent
<div @click="child">child
<div @click.stop="grandson">grandson</div>
</div>
</div>
</div>
<script src="./vue/2.5.14/vue.js"></script>
<script>
let vm = new Vue({
el:"#app",
data:{
},
methods: {
parend(){
console.log('parend');
},
child(){
console.log('child');
},
grandson(){
console.log('grandson');
},
}