How to access Vuex module getters and mutations?

by

In Addition to the accepted answer I wanna provide you with a workarround for the getter which is missing in the answer.

Debug the Store
In any case you can call console.log(this.$store) to debug the Store.
If you do so you will see the getters are prefixed with the namespace in their name.
enter image description here

Access namespaced getter

this.$store.getters['yourModuleName/someGetterMethod']

Dispatch namespaced

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

Dispatch namespaced with params

this.$store.getters['yourModuleName/someGetterMethod'](myParam)

Conclusion
The key is to handle the namespace like a file System like Justin explained.

Edit: found a nice library for handling vuex Store
In addition to the basic knowledge I’d like to add this vuex library as a nice addition for working effectivly and fast with the vuex store. https://github.com/davestewart/vuex-pathify .
It looks pretty interesting and cares much of the configuration for you and also allows you to handle 2waybinding directly with vuex.

** Edit: Thanks to the other Answers. Added Dispatching method with params for wholeness.

More Related Contents:

  1. Vuex – Do not mutate vuex store state outside mutation handlers
  2. VueJS access child component’s data from parent
  3. Nuxt.js vuex store not persisted
  4. Vuex Action vs Mutations
  5. How to make dynamic routes on the vue router?
  6. Vuex – Computed property “name” was assigned to but it has no setter
  7. Returning Promises from Vuex actions
  8. Vuex state on page refresh
  9. How to implement debounce in Vue2?
  10. How to pass a value from Vue data to href?
  11. Axios can’t set data
  12. How to watch store values from vuex?
  13. Accessing Vuex state when defining Vue-Router routes
  14. Vue: shared data between different pages
  15. Which command do I use to generate the build of a Vue app?
  16. vue-router — Uncaught (in promise) Error: Redirected from “/login” to “/” via a navigation guard
  17. Vue – how to pass down slots inside wrapper component?
  18. Mocking methods on a Vue instance during TDD
  19. How to have list + details pages based on API fetched content
  20. Delete a Vue child component
  21. Vue: wait to render until all components are mounted
  22. Is it possible to emit from mounted in Vuejs?
  23. Passing event and argument to v-on in Vue.js
  24. How to setup SASS/SCSS/sass-loader in Nuxt
  25. Vue 3 Vite – dynamic image src
  26. Vue 3: Is getCurrentInstance() deprecated?
  27. How can I share data between non parent-child components in Vue
  28. Uncaught Error: [vue-composition-api] must call Vue.use(plugin) before using any function
  29. When should I use Vuex?
  30. Passing props to Vue.js components instantiated by Vue-router

Leave a Comment