Vue的事件修饰符（如.stop和.prevent）有哪些？

vue事件修饰符包括.stop阻止冒泡，.prevent阻止默认行为，.once实现一次监听，.capture捕获阶段触发，.passive优化滚动性能，且可组合使用。例如@click.stop.prevent可同时阻止冒泡和默认行为。

在 Vue 开发中，事件修饰符是非常实用的小工具，它们能让我们更轻松地处理 DOM 事件的默认行为和冒泡逻辑。常见的比如 .stop 和 .prevent，但其实还有更多修饰符可以帮助我们写出更简洁、清晰的代码。

下面是一些常用的 Vue 事件修饰符及其用途：

阻止事件冒泡：.stop

当你不希望一个事件向父元素继续传播时，就可以用 .stop。它等价于原生 JavaScript 中的 event.stopPropagation()。

立即学习“前端免费学习笔记（深入）”；

举个例子：

<p @click="handleDiv">  <button @click.stop="handleButton">点我</button></p>

登录后复制