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 []
        }
    }
}

 

posted @ 2024-05-09 09:33  ×千  阅读(376)  评论(0编辑  收藏  举报