随笔分类 -  Vuex 源码学习

摘要：Vue实例初始化完成后，启动加载（$mount）模块数据。 （一）Vue$3.protype.$mount 标红的函数 compileToFunctions 过于复杂，主要是生AST 树，返回的 ref 如下： render 是浏览器虚拟机编译出来的一个函数。我们点进入可以看到如下代码（自己调整后空 阅读全文

摘要：从最简单的案例，来学习Vue.js源码。 （一）为何可以直接使用 Vue？ (function (global, factory) { typeof exports 'object' && typeof module !== 'undefined' ? module.exports = factor 阅读全文

摘要：（一) Action 注册 官方文档： Action 类似于 mutation，不同在于： 1、Action 提交的是 mutation，而不是直接变更状态。 2、Action 可以包含任意异步操作。 具体代码实现如下： 初始化完成后，store._actions 存储的数据如下 可以看到，_act 阅读全文

摘要：Vue加载后，将Vuex 加载到 Vue对象上后，初始化Store。 (一） Store的参数的定义 其中 action 与 mutation 的订阅者 用 数组存储，而其属性都是用对象存储的。 考虑了分模块存储思想，这样的存储方式个人觉得确实合理。 然后绑定 commit 与 dispatch 两 阅读全文

摘要：（一）Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态， 并以相应的规则保证状态以一种可预测的方式发生变化。 —— 来自 Vuex 官方文档的介绍 可以这样理解： 整个Vue程序中，将所有的状态和其管理全部集中在一个单例 S 阅读全文

摘要：Vuex 中 使用 Action 处理异步请求时，常规写法如下： 我们也可以使用如下简化写法，如下： 这是一种怎么的写法呢？ 其实这是 ES6 中一种被称为 变量解构赋值 新的语法知识，可参考我的另外一篇文章 变量解构赋值。 我们可以看看 Vuex 中 注册 Action的源码如下： 常规写法中的 阅读全文