toRef()方法,用于將一個(gè)響應(yīng)式對(duì)象里面的指定屬性以ref的形式的對(duì)象返回,這樣在模板中直接使用可以簡(jiǎn)化模板里面的語(yǔ)法占业。
return{
name:toRef(student,'name')
sex:toRef(student,'sex')
}
toRefs用于將一個(gè)reactive對(duì)象返回一個(gè)新對(duì)象甸鸟,該對(duì)象里面的所有屬性都是一個(gè)ref對(duì)象
return{
...toRefs(student)
}
數(shù)據(jù)用reactive定義撇贺,返回到模板里面的數(shù)據(jù)用toRefs
在vue3 中,如果組件里面定義的數(shù)據(jù)是比較綜合的,那么我們用data來(lái)定義
let data = reactive({
name:'',
arr:[],
car:{},
age:12
})