提示:记录工作中遇到的需求及解决办法
背景
这几天面试,每当问到面试者一个问题:Vue3 比 Vue2 好在哪
面试者总会说一句:Proxy 性能比 defineProperty
这句话我总觉得听起来怪怪的,在我印象中,Proxy 性能应该是不如 defineProperty 的啊!!!为啥这么多人认为 Proxy 性能更好呢?
提示:以下是本篇文章正文内容,下面案例可供参考
上代码
我们可以通过一段代码来试试,看看 Proxy VS defineProperty,哪个性能更好
结果证明,defineProperty 的性能明显更优
纠正
Proxy 性能比 defineProperty,其实这句话是错的,因为表述的不太严谨
应该是这么说:在 Vue3 中对于数据的响应式处理时,使用 Proxy 去进行处理的话性能会更好,因为 defineProperty 需要递归遍历对象去进行响应式处理,而 Proxy 不需要,且 Proxy 具有惰性处理的特点,所以性能更优