Vue的虚拟Dom

最新推荐文章于 2024-09-13 14:34:15 发布

SXY0426

最新推荐文章于 2024-09-13 14:34:15 发布

阅读量123

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_44383759/article/details/124981639

版权

一、什么是虚拟Dom?虚拟Dom其实就是一个普通的JavaScript对象，创建虚拟Dom的好处在于，dom元素不能直接渲染到页面，有一个过程，那就是初始化数据=》生成虚拟Dom=>解析Dom,并渲染页面，当初始化数据发生改变时，又生成了一个新的虚拟Dom,Vue对象里面有一个diff算法，这个算法就是比较前后两个虚拟Dom,若每个对应的子节点元素一样，则复用，复用就是指把之前渲染到页面的数据，继续留着，不需要重新渲染，提升了页面的效率。具体见下面的两张图，来对虚拟Dom进一步的理解