Useful Tools In Vue.js Web Development
import Vue from ‘vue’
import Vuex from ‘vuex’
import createPersistedState from “vuex-persistedstate”;
Vue.use(Vuex)
export default new Vuex.Store({
state: {},
mutations: {},
actions: {},
modules: {},
// changes storage to sessionStorage
plugins: [createPersistedState({ storage: window.sessionStorage });
To confirm that our Store would persist after refreshing or closing the browser tab, let us update our store to look like this:
import Vue from ‘vue’
import Vuex from ‘vuex’
import createPersistedState from “vuex-persistedstate”;
Vue.use(Vuex)
export default new Vuex.Store({
state: {
user: null
mutations: {
SET_USER(state, user) {