Über Reaktionsfähigkeit
Die bidirektionale Bindung von Vue basiert auf Reaktionsfähigkeit, d. h. dem Hinzufügen von Getter- und Setter-Methoden zu den Eigenschaften eines Vue-Objekts und der Verarbeitung der bidirektionalen Bindung in diesen Methoden. Diese Methode bringt jedoch die folgenden Fallstricke mit sich
Auf Objekte reagieren
Wenn es sich bei den Eigenschaften in Vue um Objekte oder Arrays handelt und es Objekte im Array gibt, ist es am besten, zu Beginn alle Eigenschaften zu definieren, die für diese Objekte verwendet werden müssen, wenn Sie während des Betriebs erneut Eigenschaften hinzufügen , diese Eigenschaft Wenn es nicht reagiert, implementiert es keine bidirektionale Bindung, zum Beispiel:
const vm = new Vue({
data: {
a: {
text: 'aaa'
}
}
})
vm.a.b = 'ccc'
In diesem Fall reagiert das b-Attribut von a nicht, sodass es nicht in beide Richtungen gebunden wird
Datumsobjekt
Vorgänge für Datumsobjekte reagieren nicht
