Vue ref和reactive

1.ref：接受一个内部值，返回一个响应式的、可更改的 ref 对象，此对象只有一个指向其内部值的属性 .value

1.1为了读写通过ref()创建的响应式变量，你需要通过.value属性来访问，可以使用unref直接获取返回值，如果unref()的参数是一个ref，就会返回其内部值。否则就返回参数本身。

1.2在模板中是不需要使用.value获取返回值的。

 

1.3当对象赋值给ref时，将通过 reactive() 转为具有深层次响应式的对象。这也意味着如果对象中包含了嵌套的 ref，它们将被深层地解包。

1.4shallowRef可以避免对象的深层次转换

 

2.reactive()：返回一个对象的响应式代理，比如对象、数组和集合类型，如Map和Set。

2.1区别不需要使用.value获取返回值，取值方式如同对象形式，在模板中使用相同

2.2嵌套ref会自动解包，将一个 ref 赋值给一个 reactive 属性时，该 ref 会被自动解包：数组或 Map 这样的原生集合类型中的 ref 元素时，不会执行 ref 的解包

2.3解构会导致失去响应式，使用ref同理。 使用toRef、toRefs可以是解构出来的值获得响应式，模板可以同时使用变量count和state.count，返回值同步更新。（展开运算符也会使其失去响应式，使用toRefs处理后，才具有响应式）

2.4reactive对象重新赋值新的对象会覆盖对原始对象的引用，并且响应式连接会丢失，ref同理。

2.5使用shallowReactive转化的对象只有对象的第一层级有响应式