Vue虚拟DOM
徐徐 抱歉选手

参阅

Vue3官方文档对此的解释

官方文档中动画演示源代码,用于看解释

Bitfumes Vue3教程中的Vue Virtual DOM解释

解释

虚拟DOM是浏览器DOM的一份JavaScript复制。虚拟DOM是一个轻量级的JavaScript对象。

当用JavaScript去update html DOM的时候,这个操作十分expensive,但是用JavaScript对JavaScript DOM去update相对cheap。

找出每一个DOM节点并更新是一个十分缓慢的过程,因此不如在虚拟DOM中把所有要更新的DOM节点都找出来,然后vue去比较虚拟DOM和浏览器DOM之间的区别,然后batch calls to re-render/一次完成所有节点更新。

  • 本文标题:Vue虚拟DOM
  • 本文作者:徐徐
  • 创建时间:2020-12-28 11:40:52
  • 本文链接:https://machacroissant.github.io/2020/12/28/virtual-dom/
  • 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
 评论