目录

1. 完整流程图
2. 流程解释 注入 虚拟DOM树 挂载

完整流程图

流程解释

注入 vue会将以下配置注入到vue实例：

• data：数据
• computed：通过已有数据计算得来的数据
• methods：方法 模板中可以直接使用vue实例中的成员

虚拟DOM树

• 根据浏览器渲染页面的原理我们可以得知，直接修改DOM会引起浏览器的重新渲染，这样会引发严重的效率问题。所以vue使用vnode（虚拟DOM）的方式来描述要渲染的内容。
• vnode是一个普通的JS对象，用于描述界面上应该有什么，比如：

挂载

将生成的真实DOM树，放置到某个元素位置，称之为挂载

挂载的方式：

• 通过el:"css选择器"进行配置
• 通过vue实例.$mount("css选择器")进行配置