react,vue的render，mount原理与工作流程

render的对象是虚拟dom。
虚拟dom与真实dom相对。但是虚拟dom是有js对象生成的结构，在内存中比较快，真实dom由浏览器绘制好了，更慢。
所以虚拟dom是由js创建的对象结构，可参考reactdom.createElement函数，当然由于过于复杂而抽象，所以使用了jsx，template也应该是一种jsx吧。
jsx是JavaScript扩展语法，也就是说，浏览器本身不识别，但是由于我们日常使用的环境都加载了Babel（噪音），可以吧es6，ts，jsx转换成es5，所以可以放心使用。
jsx可以理解为类似于HTML标签的结构语法。详情请参考其他教程
回到正题， 在通过以上方法生成了虚拟dom对象，然后通过render函数，将A参数（虚拟dom对象），通过浏览器，插入到B参数（原有元素标签）的子节点中。值得一提的是，他会清除B的所有原有子节点。
那如果没有B参数呢，就只会生成虚拟Dom对象。

new Vue({
  router,
  store,
  i18n,
  created: bootstrap,
  render: h => h(App)
}).$mount('#app')

$mount是虚拟dom对象的方法， 当然vue与react有些不同，但是具体效果都是将虚拟Dom与参数Dom对象替换。直接替换，而非改变子节点。当然父节点消失，原有子节点也不存在了