Vue3中，ref 和 reactive的区别？

1.定义类型不同：

ref用于定义简单类型和单一对象。

reactive用于定义复杂类型。（复杂类型具有响应式）

reactive定义的基本类型不具有响应式

2.数据类型不同：

ref用于包装JavaScript基本类型的数据

reactive用于包装JavaScript对象和数组等复杂类型的数据

3.使用方式不同：

ref需要在模板中使用ref指令以及在JavaScript代码中使用ref函数进行创建和使用，

reactive需要通过调用vuejs提供的reactive函数进行包装和创建

4.访问方式不同：

通过ref创建的响应式数据，需要通过.value属性访问值，

对于reactive创建的响应式对象，可以直接访问属性或调用方法。

5.设计理念不同：

ref主要解决单一元素/数据响应式的问题。

reactive解决复杂数据结构响应式。