vue3将对象转为响应式/ref/reactive/toRefs

一、ref 的作用就是将一个原始数据类型（primitive data type）转换成一个带有响应式特性的数据类型，原始数据类型共有7个，分别是：String/Number/BigInt/Boolean/Symbol/Null/Undefined
用法 》头部导入：import {ref} from 'vue' ; 声明：const name = ref('jay');获取值：console.log(name.value);
二、reactive是用来定义更加复杂的数据类型，但是定义后里面的变量取出来就不在是响应式Ref对象数据了，所以需要用toRefs函数转化为响应式数据对象。
import { computed, reactive,toRefs } from "vue";
const data = reactive({name: "daxiong",birthYear: 2000});
const refData = toRefs(data);
console.log(refData.name);
此时 refData 就是响应式的。
参考：https://zhuanlan.zhihu.com/p/359763090