javascript - vuejs怎么管理应用的登录状态

Question

vuejs初学者
路由插件为vue-router
想要达到如下效果：
webapp，登录前只能访问login界面。
登录后会设置为已登录，同时会有一些登录用户信息储存在应用中，其他组件可以访问这些信息。
注销后回到登录前的状态。

思路一直有点卡，尝试过一些方法，但是不尽人意感觉很奇怪，希望有大神指点迷津。

Answer 1

只提供思路给你。
没用过vue-router，我用的是director，不过基本功能差别应该不大（我猜）
1、你登录完了以后把状态（token）存在本地储存或者cookies里面；
2、登录成功的时候通知组件更新信息（比如说显示头像什么的）；
3、在从login界面进入到其他界面的时候，也就是在切换路由后，加载信息前，进行一次登录验证，若通过则加载，若不通过则返回login界面。

Answer 2

H5的本地储存或者cookie

Answer 3

toplan/vue-spa-example

可以看看这个案例。

我也找了很久，发现这个案例做的不错。

Answer 4

vue-sui-demo

可以看看我这个Demo，使用了vue,vue-router, sui