虚拟DOM的意义:
操作真实DOM代码很冗余,难以维护,而且每次都频繁操作DOM很耗性能,会出现页面卡死的情况,
使用虚拟DOM能减少对真实DOM的操作,大大提高渲染效率,优化前端性能的必要手段。
虚拟DOM是javascript模拟DOM结构的树形结构,也可以理解成是一个对象,把真实DOM转换为js代码,里面有tag、data、children、elm(Node或 void)等字段
虚拟DOM中进行频繁修改,最后一次性根据diff算法比对真实DOM和虚拟DOM的差异,最后再渲染差异部分,减少真实DOM节点的回流和重绘。