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被删除）