vue 之 props 属性

爱林颖

已于 2022-09-09 11:15:09 修改

阅读量275

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

于 2022-06-27 19:46:55 首次发布

本文链接：https://blog.csdn.net/weixin_53657413/article/details/125490653

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

用法

数组语法（比较简单）

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

2、对象用法

    props:{
        "name":{
            type:String,
            required:true
        },
        "age":{
            type:Number,
            default:18
        },
        "sex":{
            type:String,
            default:'男'
        },
    },

属性

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

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

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