Vue3 为什么改用 Proxy 实现响应式？Vue2 的

[问答题]

Vue3 为什么改用 Proxy 实现响应式？Vue2 的 defineProperty 有哪些局限？

查看答案及解析

什么都不怕g

vue2的defineProperty只针对已知属性的操作，不能对数组下标进行操作，不能对数组进行增删而vue3改用了Proxy实现响应式，没有上述的限制

发表于 2025-10-20 19:16:06 回复(0)

温千蕴

vue2只能拦截已存在的属性,如果要进行新增啊，删除这些操作就需要用$set和$delete进行手动添加。而且他是无法经监听数组下标对这个对象进行赋值以及改变,通常会造成一个视图不更新的现象,而且他是需要深度遍历对象的每一次都要重新写那七个函数,性能会变，慢速度也会变慢。 vue3是一个对象级的响应是。对于增删这些操作进行自动捕获的，不需要我们用$set进行手动添加。而且它使用的是一种懒加载的方式就是你用到哪一层才会进行哪一层的使用,这个时候页面初始化会非常快性能也很好。

发表于 2025-09-17 16:45:00 回复(0)

咫尺天涯201812092232845

1. defineProperty不能拦截没有存在的key，所以vue2设置应该数据，当key不存在是，需要使用$set(obj, key) 去设置 2. 不能拦截数组的常用方法，所以vue2对数组就行了封装； 3. defineProperty初始的时候就需要深度给每一个key设置 defineProperty，造成初始化浪费很多性能，当数据量大，深度比较深时，很影响性能，而用 Proxy 就可以实现惰性监听，真正需要使用变量的时候我们才去监听

发表于 2026-01-29 10:47:47 回复(0)

WangYibo

VUE3 该用proxy是为了解决VUE 2 Object.defineProperty无法检测属性增加/删除、数组索引变化、性能更新等根本局限，从而提供了一个更加强大的，高效的全面响应式系统

发表于 2026-01-14 14:01:44 回复(0)

牛客41767380号

vue2的defineProperty不能监听对象属性的新增和删除以及数组的变化，vue3的proxy可以补足这一缺陷

发表于 2026-01-10 14:01:36 回复(0)

amourmm

vue2的defineProperty不能监听对象属性的新增和删除，数组的变化。vue3的proxy可以弥补这一点，对于对象属性的新增和删除以及数组的变化都可以监听到，因为他为目标对象前设定了一层拦截，可以对数据进行过滤，修改和收集操作。只设立一层拦截就可以监听目标的变化。有兼容性。

发表于 2025-12-22 09:57:36 回复(0)

我从未看清

Vue中的元素Proxy可以对对象/数组的增加删除修改操作做出拦截，然后对些操作做处理，对数据进行更新，重新渲染dom元素做到响应式， Vue2中的Object.defineProperty 只能对初始化的数据属性，元素做出监听，一旦对对象/数组等进行操作，不会重新加载Dom ，无法做到响应式，想要使得数据响应式，得做特殊处理，更为麻烦

发表于 2025-11-24 15:55:09 回复(0)