Vue.js - 如何呈现子组件中的数据更改？

Question

所以我有一个父组件Store有一个名为Order的子组件。从父的数据通过props传递给它的孩子，像这样：

父

<Order :order="order" /> 

孩子

props: ['order'] 

我需要在使用新的数据变量子组件叫做orderIds，所以我声明：

孩子

props: ['order'], 
data:() { 
    return { 
    orderIds: Object.keys(this.order) 
    } 
} 

然后，我使orderIds视图：

{{orderIds}} 

现在，每当在父的order数据的变化，它在孩子更新了道具order，但它不会传播到orderIds。

如何更新orderIds当order中的内容发生变化时？

Answer 1

而不是数据使用计算属性。

computed: { 
    orderIds: function() { 
     return Object.keys(this.order); 
    } 
    }