vue基础

目录

1.子组件props初始化方式

1.子组件props初始化方式

props: {
	// 单类型
	propA: Number,
	// 多个可能的类型
	propB: [String, Number],
	// 必填的字符串
	propC: {
		type: String,
		required: true
	},
	// 带有默认值的数字
	propD: {
		type: Number,
		default: 100
	},
	// 带有默认值的对象
	propE: {
		type: Object,
		default() {
			return { msg:"hello" }
		}
	},
	// 自定义验证函数
	propF: {
		validator(value) {
			return ["success", "warning", "danger"].indexOf(value) !== -1
		},
	},
}