<body>
<div id="app">
<div class="box1" @click.stop='box11'>//在click后面添加.stop方法来阻止事件冒泡
爷爷
<div class="box2" @click.stop='box22'>//在click后面添加.stop方法来阻止事件冒泡
父亲
<div class="box3" @click.stop='box33'>孩子</div>//在click后面添加.stop方法来阻止事件冒泡
</div>
</div>
</div>
</body>
<script src="../vue.js"></script>
<script>
new Vue({
el:'#app',
data:{
},
methods:{
box11(){
console.log('爷爷冒泡');
},
box22(){
console.log('父亲冒泡');
},
box33(){
console.log('儿子冒泡');
},
}
})
</script>