vue如何阻止事件冒泡/取消默认事件

.stop
.prevent
出现情况代码如下：

<div @click="handle(item)" class="div1">
	<div @click="handle(el)" class="div2">div>
div>

handle(el) {
     
	console.log(el) // div1点击打印div1值，div2点击分别打印div1，div2的值
}

想要只打印当前点击的值，就需要阻止事件冒泡，在vue中，我们这样绑定事件可以实现

<div @click.stop="handle(item)" class="div1">
	<div @click.stop="handle(el)" class="div2">div>
div>
// 下面这段可以取消默认事件
<div @click.prevent="handle(item)" class="div1">
	<div @click..prevent="handle(el)" class="div2">div>
div>