Type of the default value for 'data' prop must be a function的解决方法

Type of the default value for 'data' prop must be a function的解决方法

问题现象

在写形如prop: {type: Array; default: []}的代码时,eslint常会出现这样的错误提示。

错误原因

prop的默认值data必须是一个函数。

解决方案

修改方式1

props: {

  arr: {

    type: Array,

    default: function () { return [] }

  }

}

修改方式2(es6)

props: {

  arr: {

    type: Array,

    default: () => [] // es6的箭头函数

  }

}