在数组中声明时，Vue 道具的类型是什么？

Question

我有一个现有的 Vue 组件，其中包含多个道具，这些道具在没有类型的数组中声明：

props: ["prop1", "prop2"]

我现在想添加一个类型为Boolean 的新道具。这需要我将数组更改为对象并设置现有属性的类型。

props: {
   "prop1": ???,
   "prop2": ???,
   "newProp": Boolean
}

我需要选择什么类型来代替 ??? 以便这些道具没有任何改变？我假设Object，但我找不到任何文档来确认这一点。

Answer 1

这取决于prop1 和prop2 将是什么，基于docs 你可以通过null 或undefined 使其成为any 类型。

props: {
   "prop1": null,
   "prop2": null,
   "newProp": Boolean
}

或者，如果您已经知道 prop1 和 prop2 的类型，您可以传递一个类型。

类型可以是以下原生构造函数之一：

• 字符串
• 号码
• 布尔值
• 数组
• 对象
• 日期
• 功能
• 符号

发件人：https://vuejs.org/v2/guide/components-props.html#Type-Checks