Vue加载流程分析

核心思想

• 数据驱动页面，data数据源对象中的数据劫持到vm对象中，页面中的模板会通过标识，去取出vm对象的数据，然后渲染页面，如果这个数据变了，它会实时刷新页面
• 组件化开发

Vue加载流程

每一个组件在加载的时候都会调用vue内部大的render函数来把组件的template选项解析为一个js对象，这个对象和DOM节点对象长的一样，就是为了后面的渲染

打包=>运行=>挂载(el,render)=>每一个组件的生成过程

1. 初始化生命周期
2. render执行，把模板中的字符串翻译成Vnode
3. 数据劫持，观测watcher
4. 数据替换
5. 挂载