vue3（4）toRef&toRefs

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
 })