面试官：Vue2 重写了数组方法，你知道 Vue3 也重写了吗？我：真当我没看过源码啊？😅

是的，Vue3也对数组方法进行了重写。具体回答如下：

Vue2中的数组方法重写：
- Vue2主要通过Object.defineProperty来实现数据劫持，但由于其局限性，不能完全满足响应式数据的需求，特别是对于数组的修改方法。
- 因此，Vue2选择对push、pop、shift、unshift、splice、sort、reverse等数组方法进行重写，以实现对数组修改的响应式处理。
Vue3中的数组方法重写：
- Vue3采用了Proxy作为更高级的代理工具，允许拦截和控制对象的操作，包括访问属性、调用方法等。
- Vue3使用Proxy对数组进行重写，首先针对查找相关的方法进行重写，确保在代理数组中执行查找时能够正确找到对应的元素。
- 然后，Vue3再针对增删相关的方法进行重写，以避免在添加或删除元素时导致的无限循环依赖问题。
Vue2与Vue3在数组方法重写上的区别：
- Vue2的实现方式相对简单直接，但效率和性能上可能稍有不足。
- Vue3则更倾向于利用现代JavaScript的特性，提供了更强大的代理能力，通过Proxy实现了更高效、更灵活的响应式处理。
- 然而，Vue3的实现方式也引入了一些新的问题和限制，如代理对象的创建、查找元素的方式以及对特定属性的依赖收集控制。

综上所述，Vue3确实对数组方法进行了重写，并且与Vue2相比，在实现方式和性能上都有所改进。

热门标签