toRef()方法,用于将一个响应式对象里面的指定属性以ref的形式的对象返回,这样在模板中直接使用可以简化模板里面的语法。
return{
name:toRef(student,'name')
sex:toRef(student,'sex')
}
toRefs用于将一个reactive对象返回一个新对象,该对象里面的所有属性都是一个ref对象
return{
...toRefs(student)
}
数据用reactive定义,返回到模板里面的数据用toRefs
在vue3 中,如果组件里面定义的数据是比较综合的,那么我们用data来定义
let data = reactive({
name:'',
arr:[],
car:{},
age:12
})