- 创建一个ref对象,其value值指向另一个对象中的某个属性。
- 语法:const name = toRef(person,'name')
- 应用:要将响应式对象中的某个属性单独提供给外部使用时
- toRefs和toRef功能一致,但toRefs可以批量创建多个ref对象,toRefs(person)
//先引入reactive,toRef函数
import {reactive,toRef,toRefs} from 'vue'
setup(){
let person = reactive({
name:'佩奇',
age:2,
job:{
job1:{
salary:20
}
}
})
//1.直接返回对象,在模板里要写成{{person.xxx}}
/*
return{
person
}
*/
//2.使用toRef
/*
return{
//name:person.name //非响应式
name:toRef(person.name) //在模板里直接{{name}}
}
*/
//3.使用toRefs
return{
...toRefs(person) //在模板里直接{{name}}
}
}