Wie sollte ich mit Ereignissen in Vuex umgehen?

Question

Ich bin es gewohnt, einen globalen Event-Bus zu verwenden, um Cross-Component-Methoden zu behandeln. Zum Beispiel:

var bus = new Vue(); 
... 
//Component A 
bus.$emit('DoSomethingInComponentB'); 
... 
//Component B 
bus.$on('DoSomethingInComponentB', function(){ this.doSomething() }) 

Allerdings baue ich ein größeres Projekt, das globale Zustandsverwaltung erfordert. Natürlich möchte ich Vuex verwenden.

Während dieses Busmuster mit Vuex funktioniert, scheint es falsch. Ich habe Vuex als Ersatz für dieses Muster empfohlen.

Gibt es eine Möglichkeit, Methoden in Komponenten von Vuex auszuführen? Wie soll ich das angehen?

Answer 1

Vuex und event bus sind zwei verschiedene Dinge in dem Sinne, dass vuex den zentralen Status Ihrer Anwendung verwaltet, während der Ereignisbus für die Kommunikation zwischen verschiedenen Komponenten Ihrer App verwendet wird.

Sie können vuex Mutationen oder Aktionen von einer Komponente ausführen und auch Ereignisse aus den Aktionen von vuex auslösen.

Als docs sagt:

Aktionen zu Mutationen ähnlich sind, ist der Unterschied, dass:

• Statt den Zustand mutiert, Aktionen Mutationen begehen.
• Aktionen können beliebige asynchrone Operationen enthalten.

So können Sie ein Ereignis mit dem Bus von Aktionen erhöhen und Sie können eine Aktion von jeder Komponente Methode aufrufen.