vue 中的虚拟dom树

虚拟DOM树其实就是一个普通的js对象,它是用来描述一段HTML片段的

当页面渲染的时候Vue会创建一颗虚拟DOM树

当页面发生改变Vue会再创建一颗新的虚拟DOM树

前后两颗新旧虚拟DOM树进行对比,Vue通过diff算法,去记录差异的地方

将有差异的地方更新到真实的DOM树中

虚拟DOM树有什么用? 

  vue中的虚拟DOM树只会重新渲染页面修改的地方,大大减少了对真实DOM树的操作。 -------虚拟DOM树是占内容的,但是可以帮我们提高DOM的性能。

可以这样理解,虚拟DOM树占空间,,,虚拟DOM树可以提高DOM效率,,节省时间。

Vue v-for 中 :key 到底有什么用?

   vue不直接操作真实的DOM树,通过虚拟DOM树就可以重新渲染修改的地方,重要的支撑就是 diff 算法。

key的作用是为了高效的更新虚拟DOM树,提高查找的效率,可以快速的查找到要修改的元素

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容