vue中 ref 和 reactive

Vue3中的ref和reactive都是响应式数据的实现方式，但是它们有一些区别：

1. ref只能用于包装基本类型的数据，如数字、字符串等，而reactive可以用于包装任意类型的数据，包括对象、数组等。

2. ref返回的是一个包装后的对象，而reactive返回的是一个响应式的Proxy对象。

3. ref可以直接通过.value属性获取包装的值，而reactive需要通过访问属性或者下标来获取值。

4. ref的更新是通过赋值来实现的，而reactive的更新是通过修改属性或者下标来实现的。

总的来说，ref适用于包装基本类型的数据，而reactive适用于包装任意类型的数据，并且提供了更灵活的访问和更新方式。