props验证

Vue.component('example', {
props: {
// 基础类型检测 (`null` 意思是任何类型都可以)
propA: Number,
// 多种类型
propB: [String, Number],
// 必传且是字符串
propC: {
type: String,
required: true
},
// 数字,有默认值
propD: {
type: Number,
default: 100
},

//布尔值

propJ:{
type: Boolean,
require: true
},

// 数组/对象的默认值应当由一个工厂函数返回
propE:{

  type: Object,
require: true,
default: () => ({})
},

// 自定义验证函数
propF: {
validator: function (value) {
return value > 10
}
}
}
})

type 可以是下面原生构造器

复制代码
String
Number
Boolean
Function
Object
Array
Symbol

 

 
posted @ 2021-04-13 16:21  lyprecords  阅读(89)  评论(0)    收藏  举报