Guten Tag! Da es eine gewisse Freizeit gab, beschloss ich, weiter an Übersetzungen zu arbeiten. Der vorherige Artikel ist unter
diesem Link zu finden .
Der Autor, dessen Artikel ich heute übersetzen werde, ist einer meiner Favoriten. Ich rate allen zu
Maximillians Blog über das Medium .
Ich erinnere Sie daran, dass ich eine wörtliche Übersetzung suche und versuche, die Essenz zu vermitteln. Lass uns gehen!
V-Show auf Template-Tag
Die v-show-Direktive ändert die Anzeigeeigenschaft des Zielelements, aber das Template-Tag erstellt kein Element im DOM, sodass die Direktive nichts anhängen kann. Verwenden Sie v-if anstelle von v-show für das Vorlagen-Tag oder ersetzen Sie es durch ein div.
Von einem Übersetzer: Wenn ich beispielsweise aus Leistungsgründen v-show verwenden muss, hänge ich es normalerweise an den BEM-Entitätsblock innerhalb des Vorlagen-Tags. Es scheint mir bequem.
Warum ist das Element in ref nicht definiert?
Diese Situation kann auftreten, wenn Sie über ein Element zugreifen, das noch nicht von Vue über ref gerendert wurde. Zum Beispiel hängt die Direktive
v-if = false an ihrem Vorfahren.
Diese Situation kann korrigiert werden, indem v-if durch v-show ersetzt wird oder auf das Rendern des Elements gewartet wird (indem der Watcher auf v-if-Inhalt gesetzt wird).
Eigenschaftsaktualisierung im Vuex-Status
Mit der Zeit wird Ihre Anwendung komplexer und es ist wahrscheinlicher, dass Sie dieselben Eigenschaften in Vuex sehen. Dies kann häufig dazu führen, dass während der Mutation die falschen Eigenschaften aktualisiert werden.
Die Lösung des Problems liegt eher im Bereich der Architektur:
a. Wählen Sie einzigartigere Eigenschaften aus, die ihre Essenz widerspiegeln
b. Vermeiden Sie übermäßiges Verschachteln in Eigenschaften
Von einem Übersetzer: Verwenden Sie den
Namespace in Vuex. Ich weiß nicht, warum Maximilian dies nicht erwähnt hat.