VueJS：更新一個父對象將不會反映在子

Question

我有一個父對象數據，我發送到它的子部分。我希望當父母更新時，孩子應該更新到。

groupProps是每個屬性都有lines數組的對象。例如：groupProps[1].lines[3]可以存在。

<nova-grup v-for="group in m.groups" 
      :group="group" 
      :groupProp="groupProps[group.id]" 
> 
</nova-grup> 

它第一次工作正常。問題在於groupProps被更改時，孩子不是。例如，在更改或添加一行到groupProps.lines時。

我也注意到，任何基於對象的計算變量都不會更新。這是vuejs的限制嗎？我在計算變量裏面使用了一些lodash功能

Answer 1

好的，這是一個限制。

https://vuejs.org/v2/guide/reactivity.html#Change-Detection-Caveats

最後我解決它做this.myvar = Object.assign({}, this.myvar);