Sometimes, we want to create global data with Vue.js 2.
In this article, we’ll look at how to create global data with Vue.js 2.
How to create global data with Vue.js 2?
To create global data with Vue.js 2, we can create a Vuex store.
For instance, we write
const store = new Vuex.Store({
state: {
userData: [],
},
mutations: {
setUserData(state, data) {
state.userData = data;
},
},
});
to create a Vuex store with the Vuex.Store constructor.
Then we can commit the setUserData mutation with
store.commit('setUserData', userData)
And we can get the userData state with
store.state.userData
Conclusion
To create global data with Vue.js 2, we can create a Vuex store.
