props default 数组／对象的默认值应当由一个工厂函数返回

Question

export default {
props: {

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

},这是我的代码

报错是Invalid default value for prop "slides": Props with type Object/Array must use a factory function to return the default value.

// 数组／对象的默认值应当由一个工厂函数返回

propE: {
  type: Object,
  default: function () {
    return { message: 'hello' }
  }
},这是文档里的例子，我要返回数组的默认值应该怎么写？

Answer 1

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

Answer 2

再接楼上的答案，如果你使用箭头函数的话，可能还会有一个由箭头函数带来的坑：
如果你的 type 是 Object，你需要这么写
default: () => ({})
而不是
default: () => {}

Answer 3

“http://eslint.org/docs/rules/... Expected method shorthand ”
使用上一个答案，有时因为配置可能出现上面的提示，这时，要换成箭头函数，如下：
props: {

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

},