- vuex存储数据的特点:数据统一全局管理,一旦数据在某组件更新,其他所有组件数据都会更新,是响应式的,但是如果数据只存在vuex中,刷新页面vuex里的数据会重新初始化,导致数据丢失,恢复到原来的状态。
- localstorage(本地存储),永久性存储,但不是响应式的,当某个组件数据修改时,其他组件无法同步更新。
- vuex是存储到内存里,localStorage本地存储到磁盘里,从内存中读取数据,速度是远高于磁盘的,所以把数据存在vuex中可以提高获取token速度,提高性能。
- 通常是两者结合,拿到token后,把token 存储在localStorage和vuex中,vuex保证数据在各组件间同步更新,如果刷新页面数据更新丢失,可以从localStorage获取,通过结合vuex和localStorage本地存储,实现数据的持久化
token要同时存在vuex和localStorage中
![](https://img-home.csdnimg.cn/images/20240711042549.png)