持久化存储小技巧，你一定要掌握

相信大家都知道localStorage本地存储，今天来给大家分享一个持久化存储 vuex 中数据的第三方包~

vuex-persistedstate--数据持久化存储(适用于vue2)

在npmjs官网可以查到这个第三方包，需要注意的是，这个包在官网是被废弃的状态，但是我们在vue2的项目中依然可以使用他，不影响使用，为什么废弃呢，因为我们在vue3中有更好的方法，这个就先不介绍啦

回归正题~~

安装步骤

第一步，下包

npm install --save vuex-persistedstate

第二步：在 src/store/index.js 模块中，导入并配置 vuex-persistedstate 包：

import Vue from 'vue'
import Vuex from 'vuex'
// 1. 导入包
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)

export default new Vuex.Store({
  // 2. 配置为 vuex 的插件
  plugins: [createPersistedState()],
  state: {
    token: ''
  },
  mutations: {
    updateToken(state, newToken) {
      state.token = newToken
    }
  }
})

这样就完成啦~~可以省去在vuex模块中用localStorage存取了~