Vue事件修饰符

Vue的事件修饰符

1.prevent

2.stop

3.once

4.capture

5.self

6.passive

修饰符也可以连这些

例如:"<a href=“http://baidu.com” @click.stop.prevent=“showInfo”>欢迎< /a>"
这样的话就是先阻止事件冒泡然后组织默认事件

总结

1.prevent:阻止默认事件(常用)
2.stop:阻止事件冒泡(常用)
3.once:事件只触发一次(常用)
4.capture:使用事件的捕获模式
5.self：只有event.target是当前操作的元素时才触发事件
6.passive:事件的默认行为立即执行，无需等待事件回调执行完毕

****事件捕获是由外而内的，而冒泡是由内而外的。