常见的vue修饰符有:
.prevent: 用来阻止浏览器默认行为。
.stop: 防止事件冒泡。
.once: 确保指令只触发一次。
.native: 用于监听原生DOM事件。
组件绑定事件时:
1:普通组件绑定事件不能添加.native,添加事件后无效
2:自定义事件绑定事件需要添加.native,否则事件无效
.passive:通常用于优化性能。当添加 @scroll.passive
时,表示不阻止滚动事件,这可以提高性能,但要小心使用,因为它会导致无法取消事件。
.self :用于检查点击事件是否来自元素本身而不是子元素。如果你只想处理元素自身的点击事件,可以使用@click.self。
.capture: 在捕获事件过程的监听。