toRef
- 作用:创建一个
ref
对象,其value值指向与其绑定的数据对象中的某个属性,当toRef
创建的对象值改变时,与其绑定的响应式对象中对应的属性也发生改变 - 导入:
import {toRef} from 'vue'
- 使用:
const name = toRef(data,'name')
,其中data
为响应式对象,'name'
为其对应的属性的key - 应用场景:将某个响应式对象中的某个属性单独给外部使用时
toRefs
- 作用:与toRef类似,但是可以批量创建多个ref对象
- 导入:
import {toRefs} from 'vue'
- 使用:
const obj = toRefs(data)
return {/*这里表示将data中的所有key-value都暴露在return的对象中该写法等价于:return {k1:v1,k2:v2,......kn:vn}其中 kx:vx都是data中的数据键值对*/...toRefs(data)
}