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; } } },