推荐一个vuex数据持久化工具

原文地址：https://blog.learnzs.com/2020/01/03/82/

vuex是vue.js提供的状态管理工具，但是他的数据时存储到内存中的，刷新页面会丢失，而我们的项目中往往需要真正的缓存这些数据，然后这玩意儿就出现了。

vuex-persistedstate

安装

npm i vuex-persistedstate -S

使用

在初始化store时使用

import createPersistedState from "vuex-persistedstate";

const store = new Vuex.Store({
  modules,
  getters,
  plugins: [createPersistedState({
    storage: window.sessionStorage
  })]
})

可以看到，引用的时候有一个storage: window.sessionStorage，说明会把数据存储到localStorage中

可配置项

key： storage名称，所有的数据会存储到一个key里面，默认：vuex
storage： 数据存储位置，默认：localStorage