Wie Guter und Mutationen des Vuex Moduls zugreifen?

Question

Ich versuche, Vuex anstatt meines selbstgewählten Ladenobjekts zu verwenden, und ich muss sagen, dass ich die Dokumente nicht so klar finde wie anderswo in der Vue.js-Welt. Nehmen wir an, ich habe ein Vuex-Modul namens 'products' mit eigenem Status, Mutationen, Gettern usw. Wie referenziere ich eine Aktion in diesem Modul, z. B. 'clearWorking Data'? Die Dokumente geben dieses Beispiel eines Moduls Zustand des Zugriffs:

store.state.a // -> moduleA's state

Aber nichts, was ich Getter sehen kann, Mutationen, Aktionen usw.

Answer 1

In Ihrem Beispiel wäre es store.dispatch('products/clearWorkingData'), um Sie über Aktionen denken/Mutationen als Dateisystem in gewisser Weise. Je tiefer die Module sind, desto tiefer sind sie im Baum verankert.

so könnten Sie store.commit('first/second/third/method') gehen, wenn Sie einen Baum hatten, der drei Ebenen tief war.

Answer 2

Zusätzlich zu der akzeptierten Antwort möchte ich Ihnen ein Workarround für den Getter bereitstellen, der in der Antwort fehlt.

Debug zum Shop
In jedem Fall, dass Sie console.log(this.$store) anrufen Store zu debuggen.
Wenn Sie dies tun, werden die Getter mit dem Namespace in ihrem Namen vorangestellt.

Zugang Namespace Getter
this.$store.getters['yourModuleName/someGetterMethod']

Versand Namespace
this.$store.dispatch('yourModuleName/doSomething')

Fazit
Der Schlüssel ist, den Namensraum wie ein Dateisystem zu handhaben wie Justin erklärt.