store.js
想用 sessionstorage cookie 都可以自己設(shè)置

import Vue from 'vue'
import Vuex from 'vuex'
import mutations from './mutations'
import actions from './actions'
import getters from './getters'
import state from './state'
import {vuexToLocalStorage } from 'tools.js'

Vue.use(Vuex)

export default new Vuex.Store({
  state,
  getters,
  actions,
  mutations,
  //vuex 數(shù)據(jù)本地localStorage 存儲
  plugins: [vuexTolocalStorage]
})

tool.js

export const ls = {
    //本地存數(shù)據(jù)，days 有效時(shí)間（天）
    setItem: function(key, value, days) {
        let Days = Days || 30; //有效時(shí)間默認(rèn)30天
        let exp = new Date();
        let expires = exp.getTime() + Days * 24 * 60 * 60 * 1000;

        localStorage.setItem(key, JSON.stringify({
            value,
            expires
        }));

    },
    getItem: function(key) {
        let o = JSON.parse(localStorage.getItem(key));

        if (!o || o.expires < Date.now()) {
            return null
        } else {
            return o.value
        }
    },
    removeItem: function(key) {
        localStorage.removeItem(key)
    }
}

export const copy = (obj) => {
    let copy = Object.create(Object.getPrototypeOf(obj));
    let propNames = Object.getOwnPropertyNames(obj);
    propNames.forEach(function(name) {
        let desc = Object.getOwnPropertyDescriptor(obj, name);
        Object.defineProperty(copy, name, desc);
    });
    return copy;
}


export const vuexToLocalStorage = store => {
    // 當(dāng) store 初始化后調(diào)用
    let savedState = ls.getItem('vuex');
    if (savedState) {
        store.replaceState(savedState);
    }
    store.subscribe((mutation, state) => {
        // 每次 mutation 之后調(diào)用
        // mutation 的格式為 { type, payload }
        let storeClone = copy(state);
        ls.setItem('vuex', storeClone);
    })
}

export default {
    vuexToLocalStorage,
}

用插件吧

如過是兩個(gè)頁面?zhèn)髦档脑? 那刷新就會重置, 你可以吧他放到cookie 或者localStorage里面當(dāng)頁面刷新的時(shí)候就不會改變