我想用Vue实现登陆成功后在导航栏的右上角显示用户信息该怎么做呢？

Question

点击登录进入登录的界面，成功后会跳转至首页，这时候我想实现登录的这里显示用户信息以及注销功能，该怎么做呢？

Answer 1

使用Vuex将登陆状态存储，在需要展示登陆信息的地方取出这个状态即可。

但是仅仅这样，会遇到网页刷新后，这些状态全部丢失的问题。

我的做法是将VueX的状态存储至sessionStorage，这样保证刷新页面不会丢失状态。

Answer 2

vuex配合本地存储吧

Answer 3

如果没有使用vuex的话 挂载全局变量存储用户信息 然后配合本地存储

Answer 4

这个地方有两个表现形式，而且涉及到的是登录状态，使用场景比较多，所以建议使用vuex读取缓存进行管理，只需要给个computed读取vuex来判断是不是已经登陆，是的话就显示不同的组件。