题引：
在我们从vue2过渡到vue3的时候，对于数据响应式的变化其实是懵懵懂懂的。从以往直接在data函数里面定义变量到每一次都要使用ref/reactive时，是有些不适应的。但问题不大，毕竟在大前端时代中，如果不及时跟上时代的步伐，不仅技术没跟上，面试还容易被卡。所以今天来聊聊在使用vue3开发时对于数据响应式的理解。
vue3的响应式是基于 proxy
从vue2的 Object.defineProperty 到vue3的 proxy 可谓是一个质的飞跃。vue2的响应式是需要递归+遍历每一个对象的属性进行数据劫持，而在vue3中只需要对对象层进行监听即可。好了话不多说，开始讲解一些常见的响应式问题。
ref和reactive之间的关系
如果我们用ref定义基本类型时，实际上还是使用 Object.defineProperty 进行数据劫持监听。但如果是定义引用类型时，底层代码上是借用 reactive 函数进行数据劫持的。因此ref和reactive关系是紧凑的。通过源码的我们是可以确认的。
有需要的小伙伴，可以点击下方卡片领取，无偿分享