vue 属性props定义方法

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

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

第一种:

export default {
    // 不检测类型,全盘接受
    props: ["customer_id"],
}

 

第二种:

 1 export default {
 2   props: {
 3     // 基础类型检测 (`null` 意思是任何类型都可以)
 4     propa: null,
 5     // 多种类型
 6     propb: [string, number],
 7     // 必传且是字符串
 8     propc: {
 9       type: string,
10       required: true
11     },
12     // 数字，有默认值
13     propd: {
14       type: number,
15       default: 100
16     },
17     // 数组/对象的默认值应当由一个工厂函数返回
18     prope: {
19       type: object,
20       default: function () {
21         return { message: 'hello' }
22       }
23     },
24     // 自定义验证函数
25     propf: {
26       validator: function (value) {
27         return value > 10
28       }
29     }
30   }
31 }