vuex-persistedstate（存储vuex中的数据）

在vuex中，刷新页面后数据会丢失的现象

1.安装 cnpm install vuex vuex-persistedstate 

 vuex-persistedstate 实际上使用了 HTML 5中的 localStorage （默认，不修改的情况下）来做缓存，这样在刷新页面后之前 state 的数据不会丢失。

可以支持localStorage 和 sessionStorage   

 

2.在 state 【index.js】中：

import Vue from 'vue'
import Vuex from 'vuex'
import * as actions from './actions'
import * as getters from './getters'
import createPersistedState from 'vuex-persistedstate'
import state from './state'
import mutations from './mutations'

Vue.use(Vuex)

export default new Vuex.Store({
    actions,
    getters,
    state,
    mutations,
    plugins: [createPersistedState({
17         storage: window.sessionStorage   // 默认是 plugins: [createPersistedState()]，对应的是window.localstorage
18     })
19    ]
})