本篇文章主要讲述JavaScript之快速了解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 }

本文由职坐标整理发布，学习更多的相关知识，请关注职坐标IT知识库！