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); 
    } 
    }