Vue源码

介绍 nextTick是Vue的一个核心功能，在很多场景下我们设置了data上的数据后，需要访问Dom，如果直接访问是不行的，因为Vue的页面渲染更新是异步的，下面我们通过源码来看一下其中的奥秘。 源

Vue通过createElement方法创建VNode，该方法定义在src/core/vdom/create-element.js createElement方法在对参数处理后，实际调用了_creat

dom的结构通常都很复杂，所以我们操作起来，也会比较耗性能，一个普通的div具有的属性如下所示： 而Virtual DOM就是用js去描述DOM节点的结构。在Vue中，用一个VNode类来标识Virt

Vue的render方法是个私有方法，它的作用是把实例渲染成虚拟Node，代码位置在src/core/instance/render.js中： render方法就是调用vm.$createElemen

在Vue中是通过$mount方法进行实例挂载的，该方法定义在多个地方，根据不同的平台有不同的实现，我们看一下web平台下是如何实现的，代码位置在src/platforms/web/entry-runt

Vue 构造函数 通过入口，看一下我们在创建Vue实例过程中做了哪些工作 文件路径src/core/instance/index.js，源码如下： 初始化 new Vue后，调用了this._init

虚拟 DOM 介绍 真实DOM： 对应的虚拟DOM： 这时候如果我们修改了一个li标签的内容，变成如下DOM： 这时会生成新的虚拟DOM，如下所示： 这样就形成了新旧两个虚拟DOM，如果我们直接用修改