vuex请求变量后存储并使用_Vue | 在vue中使用session Storage和vuex保存用户登录状态...

最近做项目需要保存用户登录状态，要做到刷新页面用户状态不变，以及实现登出功能。实际上是很简单的，但是对于vue新手来说，我找了好几个网址都讲的不是很清楚，磕磕绊绊理清了关系，在这里总结一下。

首先，vuex安装完成之后，构建如下目录：

vuex目录结构

这样做的目的是降低代码的耦合度，方便以后的修改与维护。

然后，vuex中几个文件详情如下：

store.js

在store.js中目前保存三个数据，一个是当前用户，一个是判断当前用户是否已经登录，最后一个是保存用户登录后持有的token。实际上token也可以不保存在vuex中，因为vuex是一个状态管理器而非一个存储工具。我在axios的headers里是直接用的sessionStorage里的token。

getters.js

mutations.js