关于如何自动执行 createBody

[RonkTsang]

new Vue( el: '#app')

执行 new Vue( el: '#app') 的最后一步就是：替换 #app 的 dom节点

替换通过 'appendChild' 和 ‘removeChild’ 来实现。

• appendChild: append 的是 vue 帮我们创建的子树
• removeChild: remove 的是 原本存在 Dom Tree 的节点

document

我们初始的 document 有一个子节点 body，这个 body 也是一个 Element （ 只是 ref 为 ‘root’，以标志为渲染树的根节点 ），也就是我们在 query 中可以返回 document.body，最后就是 document append 一个子树，因此加上 document.appendChild, document.removeChild 方法

• document.appendChild: append 的是一个 body，但是 document 应当只有一个 body，所以此时应该是替换操作

appendChild (body) {
   if (body instanceof Element) {
     body.ref = BODY_REF
     this.body = body
     this.render()
   }
 }

• document.removeChild: remove 了 body 的操作似乎没有意义，直接 return false

在执行 appendChild(body) 时，进行 render 的操作，进行一整颗树的渲染，（注意: 此后的更新是局部更新）