JQLian

第一节说过，vue源码入口src/platform/web/entry-runtime-with-compiler.js，在这个文件中，重写了Vue.prototype.$mount，添加了模版编译功能。 首先判断option.render是否存在，如果存在，则直接调用moun…

Watcher类的实现比较复杂，因为他的实例分为渲染 watcher（render-watcher）、计算属性 watcher（computed-watcher）、侦听器 watcher（normal-watcher）三种，这三个实例分别是在三个函数中构建的：mountComp…

constructor中，首先将__ob__属性添加到value上，并将该属性指向Observer对象本身，然后判断value的类型，如果是Array，则调用observeArray对数组中对每个值进行处理，否则，即为Object时，直接调用walk方法，来对对象中对每个kv对…

可以看到，initState内部很简单，主要是vm状态的初始化，props/methods/data/computed//watch都在这里完成初始化，因此该函数也是Vue实例create的关键。下面简单看一下各属性初始化的过程。

这里，最要调用了defineReactive方法，将$attrs和$listeners设置成可监听的。

_events中的其他事件，将在子组件调用$emit的时候，进行调用。

mergeOptions的功能是合并两个options对象,并生成一个新的对象。是实例化和继承中使用的核心方法。可见mergeOptions方法的重要性。 这种情况的处理逻辑是遍历对象，先把对象的key值转换成驼峰的形式。然后再判断对象的值，如果是纯对象（即调用object.p…

if代码块中，首先会递归调用resolveConstructorOptions方法，返回"父类"上的options并赋值给superOptions变量。然后把"自身"的options赋值给cachedSuperOptions变量。 然后比较这两个变量的值,当这两个变量值不等时，…