最近几周没时间写博客，主要是一直花时间(顺便补了打越的999)在整理这个在公司内部分享用到的一个ppt以及文稿，做分享的一个目的是安利一下我写的框架，也算是来b站半年来主要花时间做的东西。另一个目的就是相当于一个总结与记录吧，学到的以及用到的知识只有总结成体系才不容易忘。第一次分享会也结束了，文稿基本定型，所以在博客这里分享给大家。内容比较多，分成上下两篇。

下篇谈平台设计大概需要注意哪些东西。

最近有计划写一个自己的组件库，一是练习一些通用业务逻辑的写法，二是为自己以后的项目组件做个积累。于是大概阅读了下比较有名的两个组件库——element和Ant Design的源码。这篇文章就对element的一些值得学习的编码思路做个整理。

最近迭代博客过程中遇到一个诡异bug，webpack升级到4后，在生产模式下vue-router匹配到异步组件后无法触发onReady钩子方法。严重怀疑是vue-router的问题，正好借这个机会看看vue-router的源码好了。

上文中分析了vue-router的初始化流程，这篇文章就以其工作方式为线索分析相关源码的运作。

上篇文章总结了Vuex初始化过程中涉及的原理，接下来从API层面切入来分析Vuex的状态管理运作流程。

和Redux相似，在Vue中也有一套状态管理模式。相比于Redux，其充分利用了Vue数据劫持的响应式机制特点进行状态更新，显得更加简洁和高效，但相对应的也舍弃了Redux的通用性。下面就从源码来梳理Vuex的初始化流程。

之前已经提到，Vue初始化时会在$mount方法前完成一些对象特性的注册，在$mount后触发组件DOM的渲染，也就是从模板到DOM的过程。这篇文章就来分析这个阶段。

上篇文章中我们谈到了数据的响应化的工作流程，其中很重要的一部分就是依赖收集的过程。实际上依赖收集不只在数据响应化时用到，这篇文章就集中来谈谈。

Vue中的事件分为Dom事件和Vue自定义事件两种。这两者的区别是什么呢？

上一篇文章从整体上梳理了一遍Vue构造实例的过程，从这篇文章开始将从细节上探讨Vue各个特性的实现，其中最核心的自然是Vue响应式数据的实现原理了。就先从这里开始。

我们都知道Vue的基本使用是从new一个Vue对象开始，挂载到真实DOM元素并实现数据的响应式绑定。那么在这个过程中究竟发生了什么呢？