uniapp使用vuex管理登录状态

小程序登录后使用vuex来管理登录状态和退出，小程序登录之后将后端发送过来的token存储到本地，然后使用vuex读取并且改变登录状态。

import vue from 'vue'
import vuex from 'vuex'

Vue.use(vuex)

export default new Vue.store({
    state:{
        //登录状态
        loginStatus: flase,
        //存储token
        token: false
    },
    mutations:{
        //登录成功改变状态和存储token
        login(state,userToken){
            state.loginStatus = true,
            state.token = userToken,
            uni.setStorageSync('userToken',JSON.stringify(userToken))
        },
        //退出操作：更改状态，删除token
        logout(state){
            state.loginStatue = false,
            token = false,
            uni.removeStorageSync('userToken)
        }
    },
    actions:{
        //再定义个初始化登录的方法，保持登录状态
        initUser({state}){
            let userToken = uni.getStorageSync('userToken')
            if(userToken){
                state.loginStatus = true,
                state.token = JSON.parse(userToken)
            }
        }
    }
})

这样我们就可以在登录页面直接调用这个方法和状态了！