1、錯誤寫法

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

eslint語法報錯：

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

2、正確的寫法應該是：

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

或是用箭頭函式：

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

3、物件的箭頭函式寫法：

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

或是常規

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

錯誤的寫法

demoObj: () => {}

補充知識：vue 傳參props裡面為什麼要帶type,還有default?

這個是子元件啦,寫type的意思是swiperDate傳過來的資料型別是陣列,default就是表示不傳預設返回的[ ],空陣列.

這種就是表示傳的資料型別是number,不傳預設是0。

以上這篇vue props default Array或是Object的正確寫法說明就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。