當(dāng)父組件中的content值沒有傳入時(shí)，子組件利用default屬性設(shè)置默認(rèn)值，此情況時(shí)，頁面會(huì)顯示default value。

當(dāng)傳入content的值時(shí)，default屬性的默認(rèn)值不生效，界面顯示為：

補(bǔ)充知識(shí)：Vue父組件向子組件傳值遇到的BUG

當(dāng)子組件中含有props屬性,使用ref對其中的prop屬性賦值時(shí)報(bào)錯(cuò)

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: 'werks'

大致意思是：

當(dāng)你通過直接修改子組件（this.$ref[]）的方式向子組件傳值, 父組件重新渲染的時(shí)候子組件的修改將會(huì)被覆蓋, 所以建議直接在子組件data中定義一個(gè)值（然后使用ref訪問、修改）或者定義一個(gè)基于該prop的計(jì)算屬性來給這個(gè)prop賦值

ps：純屬個(gè)人理解，有不對的地方感謝指正。

以上這篇淺談vue中子組件傳值的默認(rèn)值情況就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持好吧啦網(wǎng)。