1、如何在布局页面,拿到用户的页面,就是不同用户,使用不同的账号登录,展现的用户信息不一样
2、这里的工作流程是,先获取到用户的数据信息,之后转存到vuex里面
3、这里要调用接口了,获取用户信息
4、
5、接下来,他会返回一个请求数据结构
6、这里返回了一个接口的用户实例
7、我要调接口了,那么我们要获取些什么,写好接口之后,我们给他补全
8、接口的方法,我们一般用API,作为结尾,因为这样可以我们就知道他用的是接口方法
9、引入store对象
10、直接写就完了
11、我在APP.Vue中测试一下
12、点击登录
13、axios返回的数据信息完全正确
14、获取用户信息,提交成功
vuex存储,接下来,我们要把获取到的用户信息,保存到Vuex里面,要保存到Vuex里面,我们要先准备一个变量
1、第一步写一个参数
2、写个注释,保存用户的信息
3、第一个形参固定,第二个叫接到的值
4、接到的值给他保存到userInfo
5、接下来我们给他导入过去
6、然后调用,因为他自己会向Vuex当中去拿token
7、写法
8、直接使用Vuex中的
9、现在可以看到Vuex中的用户数据存储成功了
10、res.date再一个date才能拿到数据
11、最终写法