介绍

Vuex官网中它有这样一段话:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

借用一张Vuex官网中一张关于其状态管理的流程图:

Vuex数据状态管理流程图

在分析Vuex源码章节,我们会按照Vuex的安装、Vuex的初始化、Vuex提供的辅助API以及Store实例API这几个模块来进行说明,其中最后几个模块是重点。

Vuex初始化

  1. State初始化。
  2. Mutations初始化。
  3. Actions初始化。
  4. Getters初始化和响应式。
  5. Modules初始化。

Vuex辅助API设计:

  1. createNamespacedHelpers设计原理。
  2. mapState设计原理。
  3. mapMutations设计思想。
  4. mapActions设计思想。

Store实例API设计:

  1. commit设计思想。
  2. dispatch设计思想。
  3. subscribe设计思想。
  4. subscribeAction设计思想。
  5. registerModule设计思想。
  6. unregisterModule设计思想。
最后更新时间:
贡献者: wangtunan