- A+
所属分类：Web前端
在做用户登录的过程中，其实最重要的是登录成功后的数据要怎么储存，储存到哪里，这里我分享一个利用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数据);
如果有疑问和补充，欢迎在评论区留言(*^▽^*)。
