vue中的事件修饰符以及使用

有哪些？

.stop 等同于js中的e.stopPropagation()
阻止冒泡 ，不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件
.prevent  等同于 e.preventDefault()
阻止默认事件，如阻止超链接的点击跳转,form表单的点击提交
.self 只在e.target==e.currentTarget时触发，如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号
.once 事件只能触发一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行
.capture 捕获冒泡，改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为捕获模式
.passive 不阻止事件的默认行为 等同于.lazy修饰符
.native 绑定原生事件

区别和注意点

1. .passive 和 .prevent 不能一起使用:
.prevent 将会被忽略
2..stop阻止事件继续向外冒泡，当你给了子级stop，它的父级就不会继续冒泡
.self只响应当前元素自身触发的事件，不会响应经过冒泡触发的事件，并不会阻止冒泡继续向外部触发