5分钟快速认识Vue中的虚拟DOM【Vue】

作者: 前端小野2分类: 野生技能协会 发布时间: 2020-11-17 17:07:28 浏览:12767 次

5分钟快速认识Vue中的虚拟DOM【Vue】

delushushu:
在没有vue之前,我们需要操作DOM来更新视图;使用vue,可以直接更改数据来更新视图。操作DOM这一步vue已经帮我们实现了。不仅实现了,而且进一步优化了DOM操作,也就是虚拟DOM,基本原理是只更新变更或者新增的虚拟DOM节点,然后再把虚拟DOM节点更新为真正的DOM节点。

【回复】还是得操作dom更新视图,无限刷新数据的话,每次更新数据视图上的v-for就要重新遍历一次,淘宝那样不限制显示数据量的项目的话,成千上万的数据每次更新都要遍历成千上万次,只操作dom拼接的话能省不少资源
【回复】回复 @失忆淼淼 :虚拟DOM就是为了解决JS操作DOM的性能问题存在的,你用什么框架开发的时候要取dom节点来操作啊
【回复】回复 @失忆淼淼 : 虚拟dom本身的意思是把操作dom的步骤汇总到一起打包给浏览器,你是在发高烧吗?
远书与忘乡:
所以虚拟DOM其实就是跟defindProperty挂钩对吧[热词系列_知识增加]

【回复】不挂钩呀,defienProperty是Vue响应式部分~
【回复】BV1VA411x76D 可以看看我讲Vue响应式的视频~
godliness-sjz:
难道没有虚拟DOM,就不知道真实的变化了吗!

【回复】请问,虚拟DOM的引入是为了找出最小化更新范围
双弩精灵啦:
这就是虚拟dom啊[笑哭],记得刚去公司是用ivew写,表格经常用render去写里面的东西,感觉像套娃似的[喜极而泣]

【回复】哈哈,是滴,render就是这种写法,jsx就好一点~~
阿是林北辣:
一句话就是用js对象模拟真实dom,没错吧巨佬[doge]

乌拉拉古拉拉:
看懂啦[笑哭],24届应届菜鸟入行,啥也不会

【回复】加油学[打call][打call][打call]

知识分享官 前端 WEB 经验分享 JS JAVASCRIPT VUE WEB前端 bilibili新星计划

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!