vuex的本地持久化存储

使用原因

每次刷新页面后vuex中保存的token都会被刷新，为了将vuex中的数据保存到本地存储localStorage中

使用方法

1. 安装插件

yarn add vuex-persistedstate@3.2.1

2. 引入插件

import createPersistedState from ‘vuex-persistedstate’

3. 使用插件
   在vuex中有一个属性plugins，这是一个数组，里面就是存放的各种方法，在这里使用上面安装的插件对应的方法

export default new Vuex.Store({
  state: {
    token: '' // 保存token字符串
  },
  getters: {
  },
  mutations: {
    updateToken (state, value) {
      state.token = value
    }
  },
  actions: {
  },
  modules: {
  },
  plugins: [
    createPersistedState() // 注入持久化的插件，将vuex中的数据存储到localStorerage中
  ]
})