代码改变世界

Vue组件 props 规则

2020-08-31 13:13  金色海洋(jyk)  阅读(462)  评论(0编辑  收藏

原文: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;
}
}
},

2