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只能将一个值转换为一个响应式对象。