<div class="box1" @click="clickBox1">
box1
<div class="box2" @click.stop="clickBox2">
box2
</div>
</div>
/.../
clickBox1(){
alert("box1")
},
clickBox2(){
alert("box2")
}
<div class="box1" @click="clickBox1">
box1
<div class="box2" @click="clickBox2">
box2
</div>
</div>
/.../
clickBox1(){
alert("box1")
},
clickBox2(){
event.stopImmediatePropagation()
alert("box2")
}