vue的reactive()和ref()的区别

`reactive()` 和 `ref()` 都是 Vue 3 中用于响应式数据的 API。它们之间的区别在于，`reactive()` 可以将对象转化为响应式对象，而 `ref()` 可以将基本数据类型转化为响应式对象。

具体来说，`reactive()` 将对象转化为响应式对象，即当对象的属性发生变化时，视图会自动更新。而 `ref()` 将基本数据类型转化为响应式对象，即当数据发生变化时，视图会自动更新。

例如：

import { reactive, ref } from 'vue'

const obj = reactive({ count: 0 }) // 将对象转化为响应式对象
const count = ref(0) // 将基本数据类型转化为响应式对象

obj.count++ // 视图会自动更新
count.value++ // 视图会自动更新

总之，`reactive()` 适用于处理对象类型的响应式数据，而 `ref()` 适用于处理基本数据类型的响应式数据。