我就廢話不多說，看代碼吧~

seller: { type: Object, default() { return {} }}

seller: { type: Object, default: function () { return {} }}

當父組件沒有傳這個值或者值是空時，輸出的話，返回：

下面這種是錯誤的

seller: { type: Object, default: () => {}}

當父組件沒有傳這個值或者值是空時，輸出的話，這時是返回underfind，在template中獲取里面的值時，就報錯。

補充知識：解決vue props 默認值為數(shù)組或?qū)ο髸r報錯的問題

簡單粗暴直接上代碼：

// 這些寫時會報錯 Type of the default value for ’record’ prop must be a function props: { record: { type: Array, default: [] } } // 正確應(yīng)該這樣寫// 因為vue規(guī)定，對象或數(shù)組默認值必須從一個工廠函數(shù)獲取 props: { record: { type: Array, default: function () { return [] } }}

以上這篇Vue props中Object和Array設(shè)置默認值操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持好吧啦網(wǎng)。