Vue 虚拟Dom  diff算法

Posted Frazier_梁超

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 虚拟Dom  diff算法相关的知识,希望对你有一定的参考价值。

虚拟dom是利用js描述元素与元素的关系, 好处:是可以快速的渲染和高效的更新元素,提高浏览器的性能

diff算法: 基础虚拟DOM完成节点更新的方法

  1. 用js对象来表示真是的DOM树结构,创建一个虚拟DOM对象

  2. 当数据发生改变的时候,创建一个新的js的虚拟DOM对象

  3. 比较新旧对象的差异,记录下来,最终更新到真实的DOM树结构上。

总结:总的来说就是减少DOM,重绘和回流。

以上是关于Vue 虚拟Dom  diff算法的主要内容,如果未能解决你的问题,请参考以下文章

Snabbdom:虚拟DOM和Diff算法

Vue框架虚拟DOM和diff算法

从零实现Vue虚拟DOM和DOM-DIFF算法

笔记Vue源码解析之虚拟DOM和diff算法

Vue3.0 dom diff 算法

Vue 虚拟DOM和Diff算法