欢迎光临
我的个人博客网站

uni-app开发经验分享二: Vuex实现登录和用户信息留存

在做用户登录的过程中,其实最重要的是登录成功后的数据要怎么储存,储存到哪里,这里我分享一个利用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数据); 

如果有疑问和补充,欢迎在评论区留言(*^▽^*)。

赞(0) 打赏
未经允许不得转载:张拓的天空 » uni-app开发经验分享二: Vuex实现登录和用户信息留存
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏