vue3的 ref 和reactive 的区别

ref和reactive都可以定义响应式变量，但是工作中如何选择

ref 定义基础类型

reactive 定义引用类型

注意：ref也可以引用类型，但是内部会调用reactive转为代理对象

ref 通过 Object.defineProperty() 的 get 与 set 来实现响应式的（数据劫持）

reactive 通过使用 Proxy 来实现响应式（数据劫持），并通过Reflect 操作源对象内部的数据。

如果使用的reactive定义的响应式数据，需要整个替换这个数据时，页面无法响应更新

原因：reactive声明的数据不能替换整个对象，由于 Vue 的响应式跟踪是通过属性访问实现的，因此我们必须始终保持对响应式对象的相同引用。这意味着我们不能轻易地“替换”响应式对象，因为这样的话与第一个引用的响应性连接将丢失。

可以使用ref定义，如果非得赋值，解决办法我前面的文章写http://t.csdnimg.cn/rluTB