VueJs & Vuex | Holen Sie Daten aus dem Geschäft von einer Komponente nach der Mutation von einer anderen Komponente

Question

Ich habe zwei vuejs Komponenten, eine, die den Speicher mutieren wird, und eine andere, die diese neuen Daten aus dem Speicher abrufen müssen. Ich weiß, wie man diese neuen Daten mit store.getters bekommt, aber ich bin mir nicht sicher, wie ich so auf die neuen Daten von der Komponente, die diese Daten bekommt, zugreifen kann.

Welche Vuejs-Komponente Methode verwende ich, um dies zu erreichen?

Answer 1

Wahrscheinlich möchten Sie eine berechnete Eigenschaft verwenden.

Lassen Sie uns sagen, dass die Daten ein Array ist, und Sie haben die Komponenten A und B.

• Die Daten sind am Anfang nicht verfügbar
• B ein leeres Array durch die berechnete Eigenschaft gibt
• A aktualisiert die Speicher mit den Daten
• B automatisch kehrt nun ein Array mit den Daten über die berechnete Eigenschaft

Wenn die Daten nicht verfügbar sind, können Sie entweder ein leeres Array an ihrer Stelle haben (wörtlich nur []) oder wenn es nicht so einfach ist, müssen Sie etwas Logik in die berechnete Eigenschaft schreiben, damit sie entscheiden kann, ob Daten sind verfügbar oder nicht und geben sie entweder zurück oder ein leeres Array.

Wenn Sie nur die Daten in B verwenden, benötigen Sie möglicherweise keinen Getter, Sie könnten die gesamte Logik in die berechnete Eigenschaft von B schreiben. Aber das ist eine Meinung.

Denken Sie daran, das Reaktivitätssystem von Vue zu berücksichtigen und das Array auf korrekte Weise zu aktualisieren. Andernfalls werden die Komponenten nicht mit neuen Daten aktualisiert.