在做用戶登錄的程序中，其實最重要的是登錄成功后的資料要怎么儲存，儲存到哪里，這里我分享一個利用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資料);
如果有疑問和補充，歡迎在評論區留言(*^▽^*)，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/107690.html
標籤：Html/Css
上一篇：零基礎web前端學習教程 入門 + 進階 + 精通！
下一篇：JS——運算子，流程控制