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的箭头函数
  }
}

作为一个前端的小学生,目前的追求是够用就好,根本原因我没有深究,关于原因,在尤雨溪大大的github上有人进行了讨论,感兴趣的可以驻足一观,也是为自己mark一下:
Use Array/Object in props as default value