vue props default Array或是Object的正确写法说明

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"" src="/UploadFiles/2021-04-02/20200730101853.jpg">