酸楚与甘甜

在编写一个react组件前，我们一定要弄清两件事。 UI：组件的具体展示元素，通俗点就是组件的长相。接受到合理的数据就可以展示出一个合格的组件。 业务逻辑：获取数据、发送请求等等有比较明确的独特业务的逻辑。 在编写react组件的时候，经常会出现业务逻辑相似，UI基本相同的组件…

上两个小节已经讲述了commit与dispatch如何调用mutation与action的，但是action中有几个参数感觉涉及到了一些我们遗漏（故意不讲）的点。 在installModule的时候 给每个模块绑定了一个属性context。 通过makeLocalContext…

在前置准备篇我们已经知道被处理好的action与mutation都被集中放置在哪里了。下面就要看dispacth和commit如何去调用它们。 所以我们通过commit找mutation的时候有命名空间的时候就要输入全名，（那种带很多/的）。没有这个名字的mutation容错处…

在组件中使用vuex的dispatch和commit的时候，我们只要把action、mutation注册好，通过dispatch、commit调用一下方法名就可以做到。 轮到installModule函数要出马了。 installModule的意义是初始化根模块然后递归的初始化…

代码的截图是希望大家能记住图中的结构，下面会对整体进行一个分析，而不会一行一行的分析。 但是以后的文章会更偏向于使用代码块，希望大家喜欢。 上一章我们讲述了ModuleCollection类的作用，帮助我们把伪（未加工的）模块变成真正的模块，然后把每个模块按照父子与兄弟关系链接…

这一节该分析模块的是怎么被整合的，以及要整合成什么样子。 在以上代码中的modules下的数据，我都称它是伪（未加工）模块，因为它还不具有模块的功能。 当我们实例化Vuex.Store这个类的时候接收的参数options就会直接交给moduleCollection来处理。参数o…

Vuex源码学习（二）脉络梳理. 而是等待Vue.use(Vuex)之后把外部引入的Vue对象传递进去。 就会有一个提示。 Vuex注册的时候，必须要暴露出这个方法，供Vue使用。 给每个Vue组件上挂载一个$store对象，全部都指向Vuex的Store实例化的对象。

Vuex源码学习（一）功能梳理. 有了vue-router源码学习的经验，每次看认真钻研源代码的时候都会抽出一小段时间来大体浏览一遍源代码。大体了解这个源代码的脉络，每个阶段做了什么，文件目录的划分。下面我来带大家梳理一下Vuex的脉络。 所以Vuex的index.js只是一个…

在学习源码前，当然要有一些前提条件了。 了解Vuex的作用，以及他的使用场景。 会使用Vuex，对基本API熟练掌握。 有一颗求知的内心（balabla的）。 Vuex我们通常称之为状态管理模式，用于解决组件间通信的以及多组件共享状态等问题。官网文档中注明的场景十分影响框架开发…