vue中阻止事件冒泡

当我们在父子级都加上点击事件时，此时点击子级事件，父级事件也会执行。这是因为事件冒泡，因此我们需要阻止事件冒泡，在vue中，vue.js提供了一个方法。

@click.stop

使用方式：

<div  @click="father">
    <img src="xxxx.jpg" />   
   <button @click.stop="son">取消退款</button>               
</div>

 @click.stop="son" 阻止了button的事件冒泡行为。因此当我们点击son的时候，father事件不会执行。