vue-prop中怎么實現(xiàn)父組件向子組件進行傳值

發(fā)布時間：2021-07-09 14:53:20 來源：億速云閱讀：152 作者：Leah 欄目：web開發(fā)

這篇文章給大家介紹vue-prop中怎么實現(xiàn)父組件向子組件進行傳值，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

vue-prop是父組件向子組件進行傳遞數(shù)據(jù)時使用的。

例如子組件為

child.vue

template: '<div>msg: {{msg}}</div>'
props: ['msg'],

我們在子組件里規(guī)定了一個數(shù)據(jù)名字叫msg

父組件里面寫

<child msg="hello, vue.js!"></child>

這樣我們就可以在子組件里看到msg：hello, vue.js!

關(guān)于vue-prop中怎么實現(xiàn)父組件向子組件進行傳值就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

猜你喜歡