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 官网