Sotyoyo

一定要强烈推荐这篇文章，整个渲染器系列写的都十分的清晰，包括diff算法讲的也很明了。

那么我们的新朋友，components呢，乍一看，局部注册的components和我们的老朋友们也一样出现在options配置当中，理论上我们也需要对其进行一步initComponent操作。 然而我们的确并没有，或者说，其实我们没有这个需要，为什么呢？因为components…

我们甚至可以全局混入，让每一个vue实例都可以享用此mixin。 核心其实就下面两小段，只不过我们实现mergeOptions这个方法稍费些功夫。 接下来，就是核心的函数mergeOptions的实现了。 首先我们要明确的是，进入mergeOptions的两个参数parent和…

计算属性和watch属性不一样，计算属性的本质是Object.defineProperty。 可是这样的计算数据是没有缓存的，他不管依赖的property是否变化，都会重新计算。我们需要对它进行改进。

首先我们要回顾vue依赖收集的原理和实现，请看我的前一篇文章，依赖收集。 a. 初始化watch对象 b. 修改Watcher类，应对自定义watcher属性的情况

nextTick具体实现，vue2兼容了各种浏览器的适配情况，按照微任务的优先级制作了一个timer方法。

这句话看似很牛逼，但其实什么也没有说😓。当你修改它们时，视图会进行更新。但是你应该对这句话很敏感，可是怎么更新啊？哈哈，仔细思考一下，前两节课(前两篇文章响应式、模版编译)的内容是不是帮我们实现了以下两点： 我们通过对数据的观测（observe），知道了数据是什么时候修改的，…

我们在使用vue.js的时候，查询选项-DOM，可以看到有el,template,render三个选项来进行模版编译，优先级render>template>el，还有一种手动挂载。 用正则分解出不同的token（tokenizing）。大致有以下的几种token： a. 开始标…

我们在使用vue.js的时候，options.data的api规定了data接收一个函数(返回对象)或者对象，像下面这样的代码中的data属性符合官方要求。 data是Vue 实例的数据对象。Vue 将会递归将 data 的 property 转换为 getter/setter…