时间戳

首页 > 解决方案 > 在数组中声明时，Vue 道具的类型是什么？

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

问题描述

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

props: ["prop1", "prop2"]

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

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

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

标签： vue.jsvuejs2vue-component

解决方案

这取决于您可以传递的文档或使其键入的文档prop1以及将要做什么。prop2nullundefinedany

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

或者，如果您已经知道将是什么类型，prop1则prop2可以传递一个类型。

该类型可以是以下本机构造函数之一：

  • 细绳
  • 数字
  • 布尔值
  • 大批
  • 目的
  • 日期
  • 功能
  • 象征

来自：https ://vuejs.org/v2/guide/components-props.html#Type-Checks

推荐阅读