vue3.0中的ref和reactive的区别

通俗理解 ref 和 reactive 都是用来定义响应式数据的 reactive更推荐去定义复杂的数据类型 ref 更推荐定义基本类型

ref 和 reactive 本质我们可以简单地理解为ref是对reactive的二次包装， ref定义的数据访问的时候要多一个.value

使用ref定义基本数据类型，ref也可以定义数组和对象

ref操作数据需要.value，template模板中不需要
reactive都不需要.value

用 reactive() 创建的响应式对象 整个对象是响应式的 而对象里的每一项都是普通的值 当你把它用展开运算符展开后 整个对象的普通值都不是响应式的

而用 ref() 创建的响应式的值 本身就是响应式的 并不依赖于其他对象

所以需要展开 reactive() 创建的响应式对象 又不想让他们失去响应式特点的时候 就需要用 toRefs() 将它进行转换