当前位置： 移动技术网 > IT编程>开发语言>JavaScript > vue 属性props定义方法

vue 属性props定义方法

2019年05月28日  | 移动技术网IT编程  | 我要评论

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

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

第一种:

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 }

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网