toref() 函数和toRefs() 函数

toref() 函数：
● toRef 用于为源响应式对象上的属性新建一个ref，从而保持对其源对象属性的响应式连接。接收两个参数：源响应式对象和属性名，返回一个ref数据。例如使用父组件传递的props数据时，要引用props的某个属性且要保持响应式连接时就很有用。

● Template中直接获取值，js中需要加.value获取数据值
● toRef后的ref数据不是原始数据的拷贝，而是引用，改变结果数据的值也会同时改变原始数据
● 不会触发UI界面的更新

toRefs() 函数

● toRefs 用于将响应式对象转换为普通对象，但是其中的每个属性都会指向原始对象相应属性的ref（也就是依然保持响应式）。常用于es6的解构赋值操作，因为在对一个响应式对象直接解构时解构后的数据将不再有响应式，而使用toRefs可以方便解决这一问题。

●
● 获取数据值的时候需要加.value
● toRefs后的ref数据不是原始数据的拷贝，而是引用，改变结果数据的值也会同时改变原始数据
● 作用其实和 toRef 类似，只不过 toRef 是一个个手动赋值，而 toRefs 是自动赋值