前言在之前的开发过程中，项目中的状态保存大部分都是保存在window.localStorage、sessionStorage或者cookie中。但是两者是有区别的：vuex是存放在程序的内存中的，应用在组件之间传值（响应式）。当页面刷新时，保存在vuex中的值会丢失，state在vuex中作为全局存储。当页面刷新时，状态将被初始化。对于cookie和session的区别：参考文档：https://www.cnblogs.com/pengc/p/8714475.htmlvuex的原理-状态管理模式：状态应用的数据源，视图映射状态以声明方式对视图进行操作，以响应用户在视图上的输入引起的更改。（参考官方文档：https://vuex.vuejs.org/zh）vuex中多个组件共享组件时，多个视图依赖同一个状态；来自不同视图的行为需要改变相同的状态。因此，组件共享的状态以全局单例模式提取和管理。vuex的核心是store（仓库），它包含了应用中的大部分状态。和全局对象有两点不同：1、vuex的状态是响应式的。当vue组件从store中读取state时，如果store中的state发生变化，对应的组件也会随之更新。2.改变store中状态的唯一方法是显式提交突变。这样我们就可以很容易地跟踪每一个状态变化。基本概念：state：用一个对象来包含所有应用级的状态，即先在这里声明所有需要使用的状态。显示组件中状态的状态。由于vuex的状态存储是响应式的，从store实例中读取状态量最简单的方法就是在“计算属性”中返回某个状态：下面给出vuex中模块化使用的方法：在src目录下创建结构下新增storestatus文件，包含store.js（包含多个store模块、登录模块、网络请求模块）、types.js（使用常量作为函数名，方便后续维护）。我们看一下store.js中对登录模块的封装：
