vuex持续化操作及vuex的自动化缓存从localStorage切换到存入cookie

大家在实际工作中 可能会遇到操作token 用户数据等等的 存取到 本地localStorage中或者 cookie中的情况 

但是为了优化读取速度 又要使用vuex 来进行加速处理  但是对于很多人来说 难免会觉得有点脱裤子放屁的感觉

用户登录后，访问其他页面需要携带token，vuex是储存在内存里面的，而内存的特点就是快，将token存在vuex中可以提高获取token速度。因为localStorage的读取是一次磁盘读取，读取速度远低于vuex的内存读取，为了避免重复读取localStorage影响性能，需要将localStorage的数据放到vuex里维护。

由于vuex是储存在内存里面的，所以刷新页面就会消失，所以要存本地一份，刷新后token从本地获取。

每次更新token也是修改vuex中的token，然后再覆盖到localstorage中

简单来说 就是

这个时候 身为懒人的我们 肯定要想办法节省操作啦.

vuex-persistedstate

一款可以自动将 vuex数据转存到本地 localStorage 或者cookie中的组件 

懒人创造社会发展价值啊~!

首先 我们要先安装 vuex-persistedstate这个插件

npm i vuex-persistedstate

 然后具体使用方法就是