1、錯(cuò)誤寫法

demo:{ type:Array, default:[]}

eslint語法報(bào)錯(cuò)：

Invalid default value for prop “demo”: Props with type Object/Array must use a factory function to return the default value.

2、正確的寫法應(yīng)該是：

demo: { type: Array, default: function () { return [] }}

或是用箭頭函數(shù)：

demo: { type: Array, default: () => []}

3、對(duì)象的箭頭函數(shù)寫法：

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

或是常規(guī)

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

錯(cuò)誤的寫法

demoObj: () => {}

補(bǔ)充知識(shí)：vue 傳參props里面為什么要帶type,還有default?

這個(gè)是子組件啦 ,寫type的意思是swiperDate傳過來的數(shù)據(jù)類型是數(shù)組,default就是表示不傳默認(rèn)返回的[ ],空數(shù)組.

這種就是表示傳的數(shù)據(jù)類型是number,不傳默認(rèn)是0。

以上這篇vue props default Array或是Object的正確寫法說明就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持好吧啦網(wǎng)。