vue3 ref和reactive的区别

这两个都是vue3引入的响应式数据的api。

但也有区别：

1.ref一般后面跟的是基础数据类型。

而reactive一般都是 对象或者数组 。

示例如下：

//基础类型：number
const count: Ref<number> = ref(0);

//实例对象
const data=reactive(new loginData());

 

2.操作数据的时候Ref需要使用.value。而reactive不需要

 

3.复杂类型reactive需要定义class来实例化对象。比如上面的loginData

 

4.ref提供了set,get方法来实现响应式，而reactive则是使用Proxy对象