凯逞

ast示例定义模版如下我们debugger调试查看生成的ast如下最外层的div被转化为如下结构，div下有五个子节点，分别是两个p标签，两个文本节点，一个div节点v-for被转化为如下{{item

我们知道newVue(options)最终执行了vm.$mount方法，此方法在具有模版编译的版本中执行会调用entry-runtime-with-compiler.js中定义的$mount方法$mo

updateListeners()方法主要作用就是将绑定在组件上的事件，保存至vm._events属性中，并且如果绑定的事件更新了，那么vm._events中的事件也会更新。 _c() 和 $createElement区别就是 通过内部模板编译生成的render函数会执行_c(…

runtime/index.js执行完以后，执行了entry-runtime-with-compiler.js，此入口文件主要定了Vue.prototype.$mount()方法，我们知道runtim

Vue.use可以实现插件的注册这个方法主要把Vue引用通过install(Vue)方法暴露出去，当调用Vue.use(Plugin)时，会执行Plugin.install(Vue)这样实现isnta

initGlobalAPI(Vue)全局api是在src/core/index.js中引入并执行的Vue.util下定义了四个方法warn是提示警告用的，非重点extend方法是合并扩展对象属性，实现

Vue.prototype.$forceUpdate 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。

1.概述2.一系列Vue原型方法3.全局api4.Vue.use()插件机制5.模版编译入口文件6.newVue(options)7.模板编译8.模版编译-parse(template,options

然后覆盖了Vue.prototype.$mount的定义，在覆盖方法中，执行了compileToFunctions函数将template编译为render函数，此函数就是模板编译的重点(后续详细讲解)。 带编译的入口文件引入了runtime/index.js，不带编译模块的入口…