vuex全局登录状态

store下index.js中

//同步修改state内的值
    mutations: {
        //  改变登录状态
        //  参数一：全局状态state  参数二：调用方法时的传参
        changLogin(state, payload) {
            state.isLogin = payload.isLogin;
            state.userInfo = payload.userInfo;
        },
    },
    //异步修改数据
    actions: {
        //  检测登录状态
        // console.log(state.keep)
        checkLogin(context, payload) {
            getUserInfo().then(res => {
                console.log(res)
                if (res.data.code == 0) {
                    context.commit('changLogin', {
                        isLogin: true,
                        userInfo: res.data.userInfo
                    })
                } else {
                    context.commit('changLogin', {
                        isLogin: false,
                        userInfo: {}
                    })
                }
            })
        }
    },

app.vue中

        created(){
            this.$store.dispatch('checkLogin').then(()=>{
                // console.log(res)
                this.$store.commit('changLogin',
                {isLogin:true,userInfo:this.$store.state.userInfo})
            })
        }

标签：登录,res,isLogin,state,userInfo,全局,vuex,payload,store
来源： https://www.cnblogs.com/myqinyh/p/15430971.html