vue3中reactive和ref的比较

reactive	ref
❌ 只支持对象和数组（引用数据类型）	✅ 支持基本数据类型 + 引用数据类型
✅ 在 <script> 和 <template> 中无差别使用	✅ 支持基本数据类型 + 引用数据类型
❌ 重新分配一个新对象会丢失响应性	✅ 重新分配一个新对象不会失去响应
能直接访问属性	需要使用 .value 访问属性
❌ 解构时会丢失响应性，需使用 toRefs）	❌ 解构对象时会丢失响应性，需使用 toRefs

官网地址

结论：由于这些限制，我们建议使用 ref() 作为声明响应式状态的主要 API。