props对象写法

最新推荐文章于 2023-06-16 10:57:54 发布

console.log('D')

最新推荐文章于 2023-06-16 10:57:54 发布

阅读量789

点赞数

分类专栏： vue 文章标签：前端

本文链接：https://blog.csdn.net/i_am_father_for_/article/details/125537133

版权

vue 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

1.数组写法（简洁）
props: ['size', 'myMessage'] //不限制数据类型 
2.对象写法
props: {
	prop1: {
		type: Boolean,
		default: true
	},
	prop2: {
		type: Number,
		required: true
	}
	// 如果是数组或对象，默认值必须是一个函数来返回
	prop3: {
		type: Array,
		default: () => []
	}
	// 自定义一个验证函数
	prop4: {
		validator: (value) => {
			return value > 10
		}
	}
}
验证的type类型可以是：
String,Number,Boolean,Object,Array,Function