vue【详解】props —— 子组件接收父组件传入的参数_vue组件接收参数

用于接收父组件传入的参数

简易版——数组的方式定义

 props: ['size', 'myMessage']

详细版——对象的方式定义

props: {
    // 限定参数的数据类型必须为字符串
    code: String,  
    // 限定参数的类型为字符串型，或数值型 Number
    params2: [String, Number],
    name:{
        type:String,
        // 限定必传
        required: true,
        // 指定默认值
        default:'朝阳'
    },
    age: {
      //自定义校验函数     
      validator: function (value) {
        return value >= 0
      }
    Info: {
         // 限定参数的数据类型必须为对象
        type: Object,
        // 默认值为对象/数组时，需使用工厂函数返回
        default: () => {
            return {
                name: "朝阳",
                age: 30
            }
        }
    },
},

• type：用于限定传入参数的数据类型，可以是下列原生构造函数中的一种：String、Number、Boolean、Array、Object、Date、Function、Symbol、任何自定义构造函数、或上述内容组成的数组。

• default：用于指定一个默认值。如果没有传入参数，则使用默认值。对象或数组的默认值必须从一个工厂函数返回。

• required：定义参数是否必传，值的数据类型为Boolean

• validator：自定义验证函数用于对传入的参数添加个性化的限制，值的数据类型为Function，函数的参数为对应传入的参数值。