在Vue2中,使用了Virtual Dom(虚拟DOM)来更新DOM节点,提升渲染性能。
虽然在之前的介绍中,我们的组件模版都是写在template选项里,但是在Vue编译时,都会解析为Virtual Dom.我们就来Vue.js是如何通过Render函数实现的Virtual Dom.
1. 什么是Virtual Dom
virtual dom并不是真正意义上的DOM,而是一组轻量级的javascript对象,在状态发生变化时,virtual Dom会进行diff计算,来更新只需要被替换的DOM,而不是全部重绘。

正常的DOM节点在html中是这样的:
<div id="main"