[JavaScript知识库]Vue事件修饰符.prevent .passive

Vue事件修饰符.prevent .passive

Vue提供了事件绑定的语法糖，我们在标签中可直接使用，如v-on:click，@click，@focus的形式绑定事件监听器，并且可以使用修饰符对事件进行设置。
prevent 是拦截默认事件，passive是不拦截默认事件。

prevent:

prevent是preventDefault,阻止标签默认行为，有些标签有默认行为，例如a标签的跳转链接属性href等

passive:

这个修饰符会执行默认方法，每次事件发生，浏览器都会去询问是否有preventDefault阻止该事件的动作，加上该修饰符就相当于告诉浏览器不需要再询问，没有阻止默认事件，减少页面卡顿。
一般用在滚动监听，@scoll 、@touchmove,滚动监听过程中移动每个像素都会产生一次事件，如果每次都查询prevent会造成卡顿，通过该修饰符跳过查询过程使流畅度增加。
！：prevent和passive不能绑定在同一个监听器上。