VueJS: Aktualisieren eines übergeordneten Objekts wird nicht auf Kind unter

Question

Ich habe ein Elternteil mit einem Objekt Daten und ich an den Kindteil davon gesendet. Ich hoffe, dass wenn das Eltern aktualisiert wird, das Kind aktualisiert werden sollte.

groupProps ist ein Objekt, dass jede Eigenschaft eine lines Array hat. Im Beispiel: groupProps[1].lines[3] kann existieren.

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

Das erste Mal funktioniert es gut. Das Problem ist, wenn groupProps geändert wird, ist das Kind nicht. Zum Beispiel beim Ändern oder Hinzufügen einer Zeile zu groupPropslines.

Ich habe auch festgestellt, dass jede berechnete Variable basierend auf dem Objekt nicht aktualisiert wird. Ist das eine Einschränkung von Vuejs? Ich verwende einige lodash Funktionen innerhalb der berechneten Variablen

Answer 1

OK, es ist eine Einschränkung.

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

Schließlich löste ich es this.myvar = Object.assign({}, this.myvar); tun