网易云实战项目(8)

获取登录用户信息

1、封装获取用户详情的api接口

 

 

2、调用获取用户详情接口，接收到用户详情，将用户详情保存到store.state.user.userDetail中

 

把数据存到本地存储中

 

 

3、 在个人中心页面访问用户详情的用户名

 

4,退出账号操作

单击退出按钮,清空是否登陆判断条件,清空本地存储登录用户信息,回到首页

修改store中的数据,需要在store中mutations中新建一个方法

 

在退出按钮上添加一个cilck事件=’logout’,在methods中定义这个logout函数

 

 

 

需要给img的盒子上一个v-if判断:

v-if="$store.state.user.userDetail.profile"