vue 事件修饰符和.sync

1,.stop:阻止单击事件冒泡

是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件

2,.prevent:阻止默认行为

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

3,.capture:添加是见侦听器是使用事件捕获模式

是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式

4,.self:当事件在该元素本身触发时触发回调

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

5,.once:事件只会触发一次

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

6,.native:给组件绑定原生事件

.native事件修饰符是用来是在父组件中给子组件绑定一个原生的事件,就将子组件变成了普通的HTML标签看待。

7,.passive:滚动事件的默认行为(滚动行为)将会立即触发

滚动事件的默认行为 (即滚动行为) 将会立即触发,而不会等待 onScroll 完成。这个 .passive 修饰符尤其能够提升移动端的性能。

8,.sync:实现数据双向绑定

实现父子组件数据之间的双向绑定,与v-model类似。
类别在于:一个组件上只能有一个v-model,.sync修饰符可以有多个。(vue3中,.sync被删除)

你可能感兴趣的