vue-学习知识点总结（六）props数组默认数据

问题： Props with type Object/Array must use a factory function to return the default value.

在vue中如果当在父组件通过props传Array/Object类型值给子组件的时候，

如果子组件的props接收default为 ，如下：

props: {

  value: {

    type: Array,

    default: []

},

以上代码会报错：

[Vue warn]: Invalid default value for prop "value": Props with type Object/Array must use a factory function to return the default value.

props数组类型数据

默认值需要使用() => []

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

props: {

  value: {

    type: Array,

    default: () => []

  },

  label: {

    type: Array,

    default: () => []

  }

},