Vue中props数据类型

做个有准备的人

于 2021-11-17 16:22:33 发布

阅读量1w

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端埋坑之路-前端技术文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/u011565547/article/details/121381281

前端埋坑之路-前端技术专栏收录该内容

367 篇文章 ¥9.90 ¥99.90

订阅专栏

超级会员免费看

本文探讨了在Vue框架中如何为组件的props属性设置Object和Array类型的默认值，重点讲解了这两种数据类型的默认值配置及其在实际应用中的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


type (规定数据类型)
    
    String 字符串
    Number 数字
    Boolean 布尔
    Array 数组 
    Object 对象
    Date 日期
    Function 函数
    Symbol 独一无二的值(es6)

    default
      default : (默认值)
      基础数据类型: 直接赋值
      对象数据类型: 用函数赋值 ()=>[]
    required
      required: (必填项)
      默认为false,说明父级必须传入,否则会报错

    validator
    validator: 校验(验证传入的值是否符合规定)

数组语法（比较简单）

props: ['size', 'myMessage'] //不限制数据类型

props: {
    // 基础的类型检查 (`null` 和 `undefined` 会通过任何类型验证)
    propA: Number,
    // 多个可能的类型
    propB: [String, Number],
    // 必填的字符串
    propC: {
      type: String,
      required: true,
    },
    // 带有默认值的数字
    propD: {
      ty