<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>