vue3 ref和reactive的区别

发布时间 2023-06-23 00:56:19作者: RookieCoderAdu

这两个都是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对象