Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件状态,并以相应的规则保证状态以一种可预测的方式发生变化。
Vuex 和 Redux 都是对Flux架构的实现,不同的是 Redux 是不需要感知视图层的,一个单纯的独立的状态管理工具,只要你愿意完全可以在 Vue 项目中使用 Redux 进行状态管理。
我们知道一个store
由state
、getters
、mutations
、actions
、modules
几部分构成,它们之间的关系如下图所示:
今天这篇文章我们主要来看一下当接收到这些选项后,Vuex 是如何来处理它们的,最后看一下常用的实例方法commit
和dispatch
的实现过程。
我没有在文中大量的贴源代码,一定要将代码 clone 到本地对着看哦。