vue 属性props定义方法

当子组件接收父组件传过来的值的时候,我们一般有两种方式来接收

不过大家好像都用第二种方式,我只有在不确定数据类型的时候才用第一种方式

第一种:

export default {

    // 不检测类型,全盘接受

    props: ["customer_id"],

}

第二种:

 export default {

   props: {

     // 基础类型检测 (`null` 意思是任何类型都可以)

     propA: null,

     // 多种类型

     propB: [String, Number],

     // 必传且是字符串

     propC: {

       type: String,

       required: true

     },

     // 数字，有默认值

     propD: {

       type: Number,

       default: 100

     },

     // 数组/对象的默认值应当由一个工厂函数返回

     propE: {

       type: Object,

       default: function () {

         return { message: 'hello' }

       }

     },

     // 自定义验证函数

     propF: {

       validator: function (value) {

         return value > 10

       }

     }

   }

 }