第 6 章 Vuex 状态管理

一个完整的 Vue 项目是由各个组件所组成的，每个组件在用户界面上的显示是由组件内部的属性和逻辑所决定的，我们把这种属性和逻辑叫作组件的状态。组件之间的相互通信可以用来改变组件的状态。

如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式，但是对于大型应用来说，由于组件众多，状态零散地分布在许多组件和组件之间的交互操作中，复杂度也不断增长。为了解决这个问题，需要进行状态管理，Vuex 就是一个很好的 Vue 状态管理模式。使用 Vue 开发的项目，基本上都需要使用 Vuex。

需要注意的是，Vuex 是独立于 Vue.js 的插件库，有自己的版本，对于 Vue 3 版本来说，需要使用 Vuex 4 版本才可以搭配使用。本章我们基于 4.0.0 版本来介绍 Vuex 的概念及其使用。