vue 某个字段加超链接_vue修饰符 stop, self, prevent, once, capture, passive

.capture 是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式(捕获模式)。

.once 是将事件设置为只执行一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行。

.native 就是在父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签，不加'. native'事件是无法触发的。

主要是给自定义的组件添加原生事件，可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签，并且该修饰符对普通HTML标签是没有任何作用的。

.prevent 是阻止事件本身行为,如阻止超链接的点击跳转,form表单的点击提交。

某些标签拥有自身的默认事件，如a[href="#"]，button[type="submit"] 这种标签在冒泡结束后会开始执行默认事件。注意默认事件虽然是冒泡后开始，但不会因为stop阻止事件传递而停止。

.passive 滚动事件的默认行为 (即滚动行为) 将会立即触发，而不会等待 onScroll 完成。

这个 .passive 修饰符尤其能够提升移动端的性能。每次滚动都会有一个默认事件触发，加了这个就是告诉浏览器，不需要查询，不需要触发这个默认事件。

.stop 是阻止自身冒泡行为,不让当前元素的事件继续往外触发。

只有当前的元素会触发,其他向上冒泡的元素全部不会触发,从自身开始不向外部发射冒泡信号。

.self 是只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号,会忽略掉这个信号。

内部元素冒泡上来的事件将不会触发。只响应当前元素自身触发的事件，不会响应经过冒泡触发的事件，并不会阻止冒泡继续向外部触发。

.passive 和 .prevent 不能一起使用: .prevent 将会被忽略