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

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

補充知識：Vue父組件向子組件傳值遇到的BUG

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

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[]）的方式向子組件傳值, 父組件重新渲染的時候子組件的修改將會被覆蓋, 所以建議直接在子組件data中定義一個值（然后使用ref訪問、修改）或者定義一個基于該prop的計算屬性來給這個prop賦值

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

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