如何在子组件中更新道具？

Question

当计算的数据在parant组件中更改时，子组件仍然使用旧的prop，该prop来自父组件的数据。

Answer 1

我个人使用手表。

Vue.component(
    data: function(){
        return{
            someProp:initProp
        }
    },
    ....
    props:['initProp'],
    ...
    watch:{
        initProp:function(val){
            someProp = val;
        }
    }
);

像魅力一样工作。

Answer 2

创建子组件时，可以使用ref="xxx"，然后从父组件通过this.refs.xxx.prop = "some value"进行设置。

以下示例：

<child ref="xxx" v-bind:prop1="10">
</child>

this.refs.xxx.prop1 = 15