响应式变量-响应式对象

梗概

结构上与普通的对象没什么区别
- 与Vue 响应式引用不同
- 直接像对待正常对象一样操作即可
当里面任意一个深层值发生变化，都会引发页面更新

reactive会将对象直接返回一个js原生的proxy，而不是包裹在响应式对象中
- 但不推荐，因为有些数据类型是不支持的

注意:

响应式的对象不能使用 ES6 解构，它会消除 prop 的响应性。
1. 应使用toRef进行解构
响应式对象中的响应式引用属性会自动解构

实例:

1. 响应式引用自动解构:

const count = ref(1)
const obj = reactive({})
 
obj.count = count
 
console.log(obj.count) // 1
console.log(obj.count === count.value) // true