vue3 ref和reactive

Vue 3中的`ref`和`reactive`是两个核心的概念，它们在数据绑定和响应式系统中起着重要作用。

1. `ref`：
- `ref`是一个特殊的对象，它包装了一个基本类型的值（如字符串、数字或对象）和一个当前值的getter/setter。当你使用`ref`时，Vue会自动跟踪它的值并确保视图更新。
- 它主要用于存储和操作复杂的数据结构，例如对象和数组，因为这些类型不能直接用作模板的绑定目标。
- 示例：

   const count = ref(0); // 创建一个数字类型的引用

- 相关问题：
1. `ref`主要适用于哪种数据类型？
2. 什么时候会在Vue组件中使用`ref`而不是直接绑定变量？
3. 如何使用`ref.value`获取内部存储的原始值？

2. `reactive`：
- `reactive`是Vue提供的一个更高阶的功能，用于将整个对象转换为响应式的。当你调用`reactive(obj)`时，Vue会对对象的所有属性进行深度观察，并将其转换为响应式数据。
- 对象内部的变化会自动更新视图，反之亦然。`reactive`通常用于初始化复杂的组件状态，它可以包含嵌套的对象和数组。
- 示例：

   const user = reactive({ name: 'Alice', age: 30 });

- 相关问题：
1. 什么情况下你会选择使用`reactive`而不是单独创建多个`ref`？
2. `reactive`能处理哪些数据类型？
3. `reactive`如何确保视图与数据的一致性？

总结一下，`ref`侧重于管理单个值，而`reactive`用于管理整个可变对象，它们都是Vue3实现数据绑定和响应式设计的关键工具。