這篇文章將為大家詳細講解有關(guān)怎么用vue父子組件同步傳遞和異步傳遞，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

創(chuàng)新互聯(lián)公司專注于龍州網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供龍州營銷型網(wǎng)站建設(shè)，龍州網(wǎng)站制作、龍州網(wǎng)頁設(shè)計、龍州網(wǎng)站官網(wǎng)定制、成都微信小程序服務(wù)，打造龍州網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供龍州網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

1、同步傳遞數(shù)據(jù)

父組件 food 通過 props 把 值為 0 的 type 字段傳給子組件，子組件在初始化時可以拿到 type 字段，渲染出字符“0 水果”

// 父組件 food.vue


// 子組件 apple.vue

2 異步傳遞數(shù)據(jù)

要保證異步傳遞數(shù)據(jù)，根據(jù)VUE的雙向綁定原理，不難得知，異步傳遞的數(shù)據(jù)需要watch。

2.1 props

若props傳遞的數(shù)據(jù)關(guān)聯(lián)到模板中，則組件初始化時會watch該數(shù)據(jù)?？梢娤旅娲a中的type和info。
若props傳遞的數(shù)據(jù)不關(guān)聯(lián)到模板，則為props傳遞的數(shù)據(jù)添加watch，在watch方法中修改關(guān)聯(lián)模板的對象?？梢娤旅娲a中的child_type。此方法中，watch監(jiān)聽到的是是發(fā)生變化的props，故需要對目標(biāo)對象做初始化處理。

// 父組件 food.vue


// 子組件 apple.vue

2.2 vuex

數(shù)據(jù)存放在store中，父組件調(diào)用vuex中的方法改變數(shù)據(jù)。
若store的數(shù)據(jù)關(guān)聯(lián)子組件的模板，則子組件初始化時會watch該數(shù)據(jù)。
若store的數(shù)據(jù)不關(guān)聯(lián)子組件的模板，則為store的數(shù)據(jù)添加watch，在watch方法中修改關(guān)聯(lián)模板的對象。需要對關(guān)聯(lián)模板的對象初始化。

3. 同步或異步傳遞數(shù)據(jù)

若父組件向子組件可能同步或異步傳遞數(shù)據(jù)，則首先子組件需要在created或者computed中對目標(biāo)對象初始化，并且子組件中需要watch由props傳遞的數(shù)據(jù)，并修改目標(biāo)對象。

關(guān)于怎么用vue父子組件同步傳遞和異步傳遞就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。