vue事件穿透的方法

Vue 中的事件穿透指的是在某个元素上触发事件后，将事件传递给该元素下的其他元素。Vue 提供了两种方法来实现事件穿透：

1. 使用 `.stop` 修饰符：在触发事件的元素上添加 `.stop` 修饰符，可以阻止事件继续传播到该元素的父元素。例如：

   <div @click.stop="handleClick">
     <button>点击</button>
   </div>

点击按钮时，事件不会传播到 `div` 元素上。

2. 使用 `.native` 修饰符：在绑定事件时，使用 `.native` 修饰符可以将事件绑定到组件根元素上，从而实现事件穿透。例如：

   <my-component @click.native="handleClick">
     <button>点击</button>
   </my-component>

点击按钮时，事件将会穿透到 `my-component` 组件上，并触发 `handleClick` 方法。

需要注意的是，`.stop` 和 `.native` 修饰符只能用于原生 DOM 事件，不能用于自定义事件。