什么是Virtual Dom?
所谓的 virtual dom
,也就是虚拟节点。它通过 JS
的 Object
对象模拟 DOM
中的节点,然后再通过特定的 render
方法将其渲染成真实的 DOM
节点。
其次我们还得知道一点,那就是 virtual dom
做的一件事情到底是啥。我们知道的对于页面的重新渲染一般的做法是通过操作 dom
,重置 innerHTML
去完成这样一件事情。而 virtual dom
则是通过 JS
层面的计算,返回一个 patch
对象,即补丁对象,在通过特定的操作解析 patch
对象,完成页面的重新渲染。具体 virtual dom
渲染的一个流程如图所示
具体详解,请查看一个大佬的讲解:
链接:https://juejin.im/post/5cac5a87e51d456e7618a67b