vue 事件修饰符 .passive 最通俗的理解

1 概述

vue中的事件修饰符中有一个十分特别的修饰符,vue官方文档是这样介绍的: .passive 会告诉浏览器你不想阻止事件的默认行为。
不阻止默认行为,普通思维很难理解,不阻止,那么我不preventDefault不就行了吗?显然,不是这样的,不然vue也不会出这样一个事件修饰符。

2 理解 .passive

在vue中,不阻止默认事件,真正的目的是告诉浏览器,你可以不用去查询程序有没有阻止默认事件,也就是提前告诉浏览器程序不会阻止,那么意义是什么呢?
让我给你举一个十分简单的例子,你有一个朋友要来你家,他如果提前告诉你,那么你可以提早准备午餐打扫卫生等,但是如果没有告诉,只有在等他进门时你才知道,那个时候你就来不及了。这也就是.passive提前告诉浏览器的原因,提早告诉,提高性能

希望能够帮助到大家,有什么问题可以 直接评论即可,喜欢有用的话可以点个赞让更多的人看到,如果不够详细的话也可以说,我会及时回复的。

猜你喜欢

转载自blog.csdn.net/qq_41800366/article/details/105708918