一、什么是vuex
在开发中应用程序需要处理各种各样的数据，这些数据需要保存在我们应用程序中的某一个位置，对于这些数据的管理，我们就称为状态管理。
在前面我们是如何管理自己的状态的呢？
在vue开发中，我们使用组件化的开发方式，在组件化开发方式中，我们定义data或者setup中返回使用的数据，这些数据我们称为state。在模板template中我们可以使用这些数据，模板最终被渲染成DOM，我们称为view。在模块中我们会产生很一些行为事件，处理这些行为事件时，有可能会修改state,这些行为事件我们称之为actions。
因此我们考虑将组件的内部状态抽离出来，以一个全局单例的方式来进行管理，在这种模式下，我么的组件树构成了一个巨大的view,不管在树的哪个位置，任何组件都能获得状态或者触发行为。通过定义和隔离状态管理中的各个概念，并通过强制性的规则来维护视图和状态间的独立性，我们是否会变得易于维护和追踪。

如上图所示，我们在state中保存我们的状态数据，每一个组件可以访问状态数据，可以通过commit提交同步事件来触发mutations，从而修改state中的数据。也可以通过dispatch来提交异步事件来触发，从而修改state中的数据。
二、 vuex安装
1、安装：npm install vuex@next(因为我们需要使用vuex4.x版本，所以此时需要加上@next)。
2、创建store对象
store的本质是一个容器，它包含着你得应用中大部分的状态(state)， vuex和单纯的全部对象之间存在什么区别。(1)、vuex的状态存储是响应式的，当vue组件从store中读取状态的时候，若store中的状态发生改变，那么相应的组件就会被更新。(2)、第二改变store中的状态的唯一途径就是显示提交。
三、vue devtool
vue提供了一个devtools,方便我们对组件或者vuex进行测试，我们需要安装beta版本来支持vue3,目前6.0.0beta15；
下载地址为：6.0.0beta15
安装依赖 : yarn install
打包： yarn run build
在chrome浏览器中加载该打包后的文件

三、基本使用

vuex中存在五大核心,分别是state, getters, mutations, actions, module，下面将分别从这五大核心入手。