Vue组件 props 规则

原文：https://www.cnblogs.com/niusan/p/10390208.html

Vue组件 props
组件是Vue最强大的功能之一；组件化编程，允许我们使用小型，独立，通用的可复用型组件构建大型应用；任何页面都可以抽象为组件树；

props数据验证

//
/**

• 数据验证的type类型可以是
• String,
• Number,
• Boolean,
• Object,
• Array,
• Function
• type也可以是一个自定义的构造器，使用instanceof 检测
• 当prop验证失败的时候，在开发版本下会在控制台抛出一条警告

*/
props: {
//数据验证
name: String, //字符串类型
age: [String, Number], // 必须是字符串或者数组类型
propB: {
// 布尔值 如果没定义，默认是true
type: Boolean,
default: true
},
propC: {
//数组而且是必传
type: Number,
required: true
},
propD: {
//如果是数组或者对象，默认值必须是一个函数来返回
type: Array,
default: function() {
return [];
}
},
propF: {
// 自定义一个验证函数
validator: function(value) {
return value > 10;
}
}
},