當父元件中的content值沒有傳入時，子元件利用default屬性設定預設值，此情況時，頁面會顯示default value。

當傳入content的值時，default屬性的預設值不生效，介面顯示為：

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

當子元件中含有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"

大致意思是：

當你通過直接修改子元件（this.$ref[]）的方式向子元件傳值,父元件重新渲染的時候子元件的修改將會被覆蓋,所以建議直接在子元件data中定義一個值（然後使用ref訪問、修改）或者定義一個基於該prop的計算屬性來給這個prop賦值

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

以上這篇淺談vue中子元件傳值的預設值情況就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。