Vue3.0系列（响应式数据的本质：Proxy）

最新推荐文章于 2024-07-17 00:50:14 发布

ych!

最新推荐文章于 2024-07-17 00:50:14 发布

阅读量616

点赞数

分类专栏： vue3.0 文章标签： vue.js

本文链接：https://blog.csdn.net/ych6666/article/details/113443871

版权

Vue3.x使用Proxy替代了Vue2.x的defineProperty，以实现更高效、全面的响应式数据处理。Proxy能拦截对象操作，包括属性查找、赋值等，解决了defineProperty的性能和数组、新增属性监听的问题。文章探讨了Proxy的基本用法和13种可拦截的操作。

摘要由CSDN通过智能技术生成

Object.definePorperty()递归遍历所有对象的所有属性，当数据层级较深时，会造成性能影响。

Object.definePorperty()只能作用在对象上，不能作用在数组上。

Object.definePorperty()只能监听定义时的属性，不能监听新增属性。

Proxy对象用于定义基本操作的自定义行为（如属性查找，赋值，枚举，函数调用等）。

对目标对象的操作之前提供了拦截，可以对外界的操作进行过滤和改写，修改某些操作的默认行为，这样我们可以不直接操作对象本身，而是通过操作对象的代理对象来间接来操作对象

基本用法

let proxy = new Proxy(obj,handler)

参数：

作为构造函数，Proxy接受两个参数。
第一个参数是所要代理的目标对象；
第二个参数是一个配置对象，对于每一个被代理的操作，需要提供一个对应的处理函数，该函数将拦截对应的操作

Proxy 支持的拦截操作有13种：

（1）get(t

关注

专栏目录