Vuex在项目中使用

案例1：

案例2：

Token 是用户登录成功之后服务端返回的一个身份令牌，在项目中的多个业务中需要使用到

校验页面的访问权限
访问需要授权的 API 接口
…

但是我们只有在第一次用户登录成功之后才能拿到 Token。

所以为了能在其它模块中获取到 Token 数据，我们需要把它存储到一个公共的位置，方便随时取用。

往哪儿存？

1. 本地存储（不推荐）
   获取麻烦
   数据不是响应式

2. Vuex 容器（推荐）
   获取方便
   响应式的

使用容器存储 Token 的思路：

登录成功，将 Token 存储到 Vuex 容器中

1. 获取方便
2. 响应式

为了持久化，还需要把 Token 放到本地存储
持久化

下面是具体实现。