props

props支持的类型
props: {
title: String,
likes: Number,
isPublished: Boolean,
commentIds: Array,
author: Object
}

props的type校验只是提供一个参考,并不是强制性的(即如果父传入字符串,而props定义为Number,只会有个warn,数据还是会渲染)

type 可以多种类型
案例:1
props: {
status: {
type: [String,Number],
required: true,
default: 'synced',
validator: function (value) {
return [
'syncing',
'synced',
'version-conflict',
'error'
].indexOf(value) !== -1
}
}
}
当type为Array或object时,default必须为一个函数
案例:2
props: {
status: {
type: Array,
required: true,
default: () => ['1','2'],
validator: function (value) {
return value.length>0
}
}
}

posted @ 2018-10-18 10:51  悟空救我呀  阅读(214)  评论(0编辑  收藏  举报