Vue3定义响应式变量

ref和shallowRef

ref 深层次

shallowRef 浅层次的响应

ref 和 shallowRef 是不能一块写的，不然 会影响shallowRef 造成视图的更新

 

ref和reactive

ref 支持所有类型

reactive 支持引用类型 (Array Object Map Set)

ref 取值 赋值 都需要加.value；reactive 是不需要.value

reactive proxy 不能直接赋值 否则破坏响应式对象的

解决方案 数组 可以使用push 加解构；添加一个对象 把数组作为一个属性去解决