vue props 多类型

在Vue中，props是一种使用场景广泛的属性。它可以让子组件接收父组件传递的值，从而实现组件之间的通讯。

除了常见的使用props属性来设置值之外，Vue还提供了props多类型支持，这意味着在设置props时，可以定义多种类型，从而为组件开发提供更大的灵活性。

props: {
propA: [String, Number],
propB: {
type: [String, Number],
default: 100
},
propC: {
type: [String, Number],
required: true
},
propD: {
type: [Object, Array],
default: function () {
return []
}
}
}

propA和propB都设置了多个类型。在给这些属性设置值时，它们可以是字符串或数字类型。也可以通过type属性来指定属性的类型。propB还设置了默认值为100。

propC和propD都通过对象的形式进行定义。propC是必须传入的且类型必须为String或Number。propD的类型可以是Object或Array类型，如果没有传值，则默认为一个空数组。