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數據);

如果有疑問和補充，歡迎在評論區留言(*^▽^*)。