toref和torefs区别？

toref 和 torefs 都是 Vue 3 Composition API 中的函数，主要用于在组合式 API 模式下进行响应化处理。

const refVal = toref(refVal)
refVal.value='new value'

它将一个普通的JavaScript对象或原始值转换为一个响应式对象（Ref对象）。
当这个对象发生更改时，相关联的组件会自动重新渲染。对refVal赋新值时，可以直接赋值

const refsVal = torefs(rawVal)

是将一个对象中的所有属性都转换成响应式对象（Ref对象）。
注意事项：使用refsVal.foo.value量访问属性foo的值，而不是refsVal.foo

因此，区别主要在于torefs可以将一个对象的多个属性同时转换为响应式对象，方便我们一次性地对多个属性实现双向绑定；而toref只能将一个值转换为一个响应式对象。