vue中如何覆盖组件的props?

Question

template中

<Input size="small" v-bind="prop"></Input>

script中:

export default {
    data() {
        return {
            prop: {
                size: 'large'
            }
        };
    }
};

如题: template中定义了size为small, 想用一个属性覆盖它, 于是乎使用v-bind="{size: 'large'}"的办法, 但是发现不生效, 无法覆盖, 有看过v-bind源码的小伙伴说一下为什么吗?

同时, 有什么办法可以覆盖属性吗?

Answer 1

这个问题已经在vue3.0解决了:
https://www.vue3js.cn/docs/zh/guide/migration/v-bind.html#_2-x-语法
现在会默认根据顺序去定义组件的属性, 而不是v-bind外的属性定义为优先了??