【vue3】关于ref、toRef、toRefs

1.ref 函数，可以把简单数据类型包裹为响应式数据（复杂类型也可以），注意 JS 中操作值的时候，需要加 .value 属性，模板中正常使用即可
2. toRef 函数的作用：转换响应式对象中某个属性为单独响应式数据，并且转换后的值和之前是关联的（ref 函数也可以转换，但值非关联）
3.toRefs 函数的作用：转换响应式对象中所有属性为单独响应式数据，并且转换后的值和之前是关联的（toRefs将我们所有的响应式数据都进行return出去了，届时直接用上数据名称即可，记得加上…喔）
参考文献： https://blog.csdn.net/m0_61118311/article/details/129855689