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.
属性“demo”的默认值无效:类型为Object/Array的属性必须使用工厂函数返回默认值。
2、正确的写法应该是:

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

或是用箭头函数:

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

3、对象的箭头函数写法:

demoObj: {
  type: Object,
  default: () => ({})
}
或是常规
demoObj: {
type: Object,
default: function () {
return {}
}
}

错误的写法

demoObj: () => {}

why

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐