學習vue——vue2、vue3 父子相傳、vue3非父子相傳
一、vue3 父子相傳


vue3雙向綁定的父子相傳
v-model="value.selectId" 就等于 v-model:modelValue="value.selectId"

二、vue2 父子相傳

三、vue3非父子相傳

爺爺
1 const name = ref(0) 2 // 給孫子、孫子的孫子,可傳遞值 3 provide("toMsg",name.value) 4 5 // 給孫子、孫子的孫子,提供方法 6 const diChange = ()=>{ 7 name.value ++ 8 } 9 provide("diChange",diChange) 10 11 // 給孫子的孫子,修改值(孫子不能修改) 12 provide("toChangeMsg",(changeVale)=>{ 13 name.value = changeVale 14 })
孫子的孫子
1 const toChangeMsg = inject("toChangeMsg") 2 const diChange = inject("diChange") 3 const clickFunction = ()=>{ 4 toChangeMsg(123) 5 } 6 const clickFunction2 = ()=>{ 7 diChange() 8 }

浙公網安備 33010602011771號