vuex状态管理token-共享token数据,在vuex中更好操作 & state-申明数据, mutations中—— 登陆功能-存储用户信息 & 退出登陆- 清除用户信息
src/store.js
import Vue from 'vue'
import Vuex from 'vuex'
//一项导入3个方法
import * as auth from '@/utils/auth'
Vue.use(Vuex)
export default new Vuex.Store({
//申明数据
state: {
// 用户信息(token refresh_token)
user: auth.getUser()
},
//修改数据
mutations: {
// 登陆功能-存储用户信息
setUser (state, user) {
// 1.更新state的状态
state.user = user
// 2.更新本地存储
auth.setUser(user)
},
//退出登陆- 清除用户信息
delUser (state) {
// 更新state的状态
state.user = {}
// 更新本地存储
auth.delUser()
}
},
//获取数据
actions: {
}
})
- 共享token数据
- 在vuex中更好操作,更好监听。