vue3中的ref和reactive有什么不同

在Vue 3中，ref和reactive都是用来创建响应式数据的API。以下是它们之间的不同点：

1. ref只能用于创建单个基本类型值（例如数字、布尔值等），而reactive可以用于创建任何JavaScript对象（包括数组和函数）。

2. ref返回一个带有.value属性的简单包装器对象，访问或修改这个值需要使用.value属性；而reactive返回原始对象的代理，可以直接访问和修改其属性。

3. 当在模板中使用ref时，可以直接访问其值，就像访问普通变量一样，而不需要使用.value属性。但是，在JavaScript代码中使用ref时，必须使用.value属性来访问其值。

4. ref对象本身是不可响应的，如果要在ref对象上添加响应式属性，需要将其包装在reactive对象中。

综上所述，ref适用于处理单个基本类型值的情况，而reactive适用于处理复杂的JavaScript对象。