纯干货-插件自动实现 Vuex 数据持久化

217 阅读1分钟

vuex-persistedstate 插件

1. 运行如下的命令,安装持久化存储 vuex 中数据的第三方包:

npm install --save vuex-persistedstate
或 yarn add vuex-persistedstate

2. 导入并配置 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
    }
  }
})

注释: 详情见 npm 官网