使用npm下载第三方包
npm install --save vuex-persistedstate@3.2.1
在 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
}
}
})
如果使用之后代码保存,则下载一个依赖包
npm i is-docker
这样就可以实现让VueX实现持久化存储token