虚拟DOM的理解及实现步骤

最新推荐文章于 2024-09-09 11:25:37 发布

JSon.徐徐东升

最新推荐文章于 2024-09-09 11:25:37 发布

阅读量499

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/xwj822/article/details/115910524

版权

一：理解虚拟dom：
Virtual DOM是一棵以JavaScript对象作为基础的树，每一个节点称为VNode，用对象属性来描述节点，实际上它是一层对真实DOM的抽象，最终可以通过渲染操作使这棵树映射到真实环境上，简单来说Virtual DOM就是一个Js对象，用以描述整个文档。
二：实现步骤：
1.生成虚拟dom树
2.将内存中的虚拟dom树渲染成真实的dom树
3.修改data数据
4.修改之后生成新的虚拟dom树
5.用新的虚拟dom树与旧的虚拟dom树进行比较
6.对比二者的差异，重新渲染真实的dom结构