我就廢話不多說(shuō)，看代碼吧~

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

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

當(dāng)父組件沒(méi)有傳這個(gè)值或者值是空時(shí)，輸出的話，返回：

下面這種是錯(cuò)誤的

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

當(dāng)父組件沒(méi)有傳這個(gè)值或者值是空時(shí)，輸出的話，這時(shí)是返回underfind，在template中獲取里面的值時(shí)，就報(bào)錯(cuò)。

補(bǔ)充知識(shí)：解決vue props 默認(rèn)值為數(shù)組或?qū)ο髸r(shí)報(bào)錯(cuò)的問(wèn)題

簡(jiǎn)單粗暴直接上代碼：

// 這些寫(xiě)時(shí)會(huì)報(bào)錯(cuò) Type of the default value for ’record’ prop must be a function props: { record: { type: Array, default: [] } } // 正確應(yīng)該這樣寫(xiě)// 因?yàn)関ue規(guī)定，對(duì)象或數(shù)組默認(rèn)值必須從一個(gè)工廠函數(shù)獲取 props: { record: { type: Array, default: function () { return [] } }}

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