vuex持久化处理

在使用vuex时有一个弊端就是，就是一旦页面刷新，所有之前存储的状态就全部没了，这是因为js代码运行在内存中，代码运行时所有的变量和函数都是保存在内存中的，刷新的时候以前申请的内存将会被释放，并且js脚本会被重新加载，变量重新赋值。所以在我们使用vuex的时候只要一刷新数据就没了。如果我们想要持久化保存数据可以使用 localStorage 或者sessionStorage 存储在本地，保证刷新后数据不会丢失。
但我们也可以使用插件实现刷新后数据不丢失
在这里我推荐使用这两个插件vuex-persistedstate和vuex-persist

Vuex数据状态持久化的使用场景

1、购物车 比如你把商品加入购物车后，没有保存到后台的情况下，前端来存，就可以通过这种方式。

2、会话状态 授权登录后，token就可以用Vuex+sessionStorage来存储。

3、一些不会经常改变的数据 比如城市列表等(当前也要留下可以更新的入口，比如版本号)

方法一： vuex-persistedstate
安装vuex-persistedstate

npm install vuex-persistedstate -S

（1）vuex-persistedstate默认存储到localStorage，使用如下：
在store文件夹下面的index.js中引入

import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from "vuex-persistedstate"
Vue.use