vuex 状态持久保持 刷新不影响

vuex是vue的状态管理器，可是他就好像是一个全局变量，界面刷新的时候state就会回到初始定义的状态，这是咱们不想看到的，咱们能够将他存储到localStorage或者使用插件来实现。
1、安装插件

cnpm install vuex-persistedstate  --save

2、store.js文件中引入

import createPersistedState from 'vuex-persistedstate'
...

export default new vuex.Store({
...
    // 配置保存全部state到localStorage中
    plugins: [createPersistedState({storage: window.localStorage})]
...

具体的参数配置

https://www.npmjs.com/package/vuex-persistedstate