Vue 2 - 如何在道具中设置默认数组类型

Question

我有我的 Vue 组件，它以一组对象作为道具。我经常使用道具验证，尤其是 'default' 价值特征。

在这种情况下，我有：

props: {
    items: Array
}

但我希望它像 Typescript 或 React 一样：

props: {
    items: Array.of(
        {key: {type: String, default: 'myText'}}
        )
}

等等

是否可以实现？否则我需要使用计算数据作为地图来设置默认值

Answer 1

我创建了示例：jsFiddle，这可能会对您有所帮助，是的...您可以 return 数组的默认值：

ES6

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

Answer 2

ES6 变种对于一个数组

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

...对于对象

props: {
  obj: {
    type: Object,
    default: () => ({
      param: value,
      param2: value,
    })
  }
}

一些相关资源：

Vue 2 - How to set default type of array in props