在做用户登录的过程中,其实最重要的是登录成功后的数据要怎么储存,储存到哪里,这里我分享一个利用vuex来实现用户登录和用户数据留存的方法
vuex代码如下:
//引入vue和vuex
import Vue from 'vue'
import Vuex from 'vuex'
//H5配置行
import createPersistedState from 'vuex-persistedstate'
Vue.use(Vuex)
const store = new Vuex.Store({ //全局变量定义
state: {
hasLogin: false,//是否登录,user: "",//用户信息
},mutations: {
/*登录*/
login(state,user) {
state.hasLogin = true;
state.user= user || null;
uni.setStorage({//将用户信息保存在本地
key: 'uerInfo',data: user
})
}
},plugins: [createPersistedState()],//H5配置行
})
export default store
前端调用代码如下:
import vuex from "@vuex地址";
写入数据的方法如下:
vuex.commit("login",json数据);
如果有疑问和补充,欢迎在评论区留言(*^▽^*)。