Sometimes, we want to access a Vuex store outside of a component in Vue.js.

In this article, we’ll look at how to access a Vuex store outside of a component in Vue.js.

How to access a Vuex store outside of a component in Vue.js?

To access a Vuex store outside of a component in Vue.js, we can import the store and use it directly.

For instance, we write

import { store } from "./store";

store.getters.appSettings

to import the store with

import { store } from "./store";

Then we get the value of the appSettings getter with

store.getters.appSettings

Conclusion

To access a Vuex store outside of a component in Vue.js, we can import the store and use it directly.