vue 事件修饰符 .passive 最通俗的理解
让我给你举一个十分简单的例子,你有一个朋友要来你家,他如果提前告诉你,那么你可以提早准备午餐打扫卫生等,但是如果没有告诉,只有在等他进门时你才知道,那个时候你就来不及了。显然,不是这样的,不然vue也不会出这样一个事件修饰符。在vue中,不阻止默认事件,真正的目的是告诉浏览器,你可以不用去查询程序有没有阻止默认事件,也就是提前告诉浏览器程序不会阻止,那么意义是什么呢?vue中的事件修饰符中有一个十
1 概述
vue中的事件修饰符中有一个十分特别的修饰符,vue官方文档是这样介绍的: .passive 会告诉浏览器你不想阻止事件的默认行为。
不阻止默认行为,普通思维很难理解,不阻止,那么我不preventDefault不就行了吗?显然,不是这样的,不然vue也不会出这样一个事件修饰符。
2 理解 .passive
在vue中,不阻止默认事件,真正的目的是告诉浏览器,你可以不用去查询程序有没有阻止默认事件,也就是提前告诉浏览器程序不会阻止,那么意义是什么呢?
让我给你举一个十分简单的例子,你有一个朋友要来你家,他如果提前告诉你,那么你可以提早准备午餐打扫卫生等,但是如果没有告诉,只有在等他进门时你才知道,那个时候你就来不及了。这也就是.passive提前告诉浏览器的原因,提早告诉,提高性能。
希望能够帮助到大家,有什么问题可以 直接评论即可,喜欢有用的话可以点个赞让更多的人看到,如果不够详细的话也可以说,我会及时回复的。
————————————————
版权声明:本文为CSDN博主「Ardor-Zhang」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_41800366/article/details/105708918
更多推荐
所有评论(0)