小編給大家分享一下vue中父組件如何給子組件傳值，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站建設(shè)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的嵩明網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

一般情況下我們父子之間的傳值用的是props，這個(gè)就不多說(shuō)了，但是如果想讓父給子組件的組件傳值怎么辦呢，這里我們就可以用到 provide 和 inject（依賴注入）

provide/inject需要一起使用，我們可以從父組件的provide傳值，子組件或者孫組件，就可以用inject來(lái)接受子組件的provide屬性值

具體的可以看官網(wǎng)介紹provide/inject:https://cn.vuejs.org/v2/api/#provide-inject

下面我們可以寫個(gè)簡(jiǎn)單的例子來(lái)演示一下

父組件parent，我們?cè)诶锩嬉肓艘粋€(gè)子組件provideChild

子組件provideChild，我們同時(shí)又在子組件里面引入了一個(gè)他的組件

我們可以看到他的打印出注入的newFoo值5

孫子組件childChild

接下來(lái)我們可以看一下頁(yè)面的

是可以展示的出來(lái)的，但是我們點(diǎn)擊增加的時(shí)候，子組件們都沒有響應(yīng)，如果此時(shí)你有好好看文檔的話，就應(yīng)該猜出為什么了

provide必須是個(gè)對(duì)象inject的綁定值才可以響應(yīng)，那么我們可以試一試

//parent父組件的寫法



//子組件provideChild



//孫子組件childChild

這樣我們就可以操作父組件的添加方法，得到子孫組件的響應(yīng)

以上是“vue中父組件如何給子組件傳值”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章題目：vue中父組件如何給子組件傳值-創(chuàng)新互聯(lián)
本文來(lái)源：http://weahome.cn/article/csjsjs.html