虚拟dom就是一个js对象
是为了避免页面重绘重拍搞出来的，提高渲染性能。
虚拟DOM的最终目标是将虚拟节点渲染到视图上。但是如果直接使用虚拟节点覆盖旧节点的话，会有很多不必要的DOM操作。例如，一个ul标签下很多个li标签，其中只有一个li有变化，这种情况下如果使用新的ul去替代旧的ul,因为这些不必要的DOM操作而造成了性能上的浪费。
为了避免不必要的DOM操作，虚拟DOM在虚拟节点映射到视图的过程中，将虚拟节点与上一次渲染视图所使用的旧虚拟节点（oldVnode）做对比，找出真正需要更新的节点来进行DOM操作，从而避免操作其他无需改动的DOM。
其实虚拟DOM在Vue.js主要做了两件事：
Vue.js源码剖析 - 虚拟DOM 虚拟DOM概念回顾 什么是虚拟DOM？ 虚拟DOM(Virtual DOM)...
vue虚拟DOM是什么？vue的虚拟DOM的用法 1、为什么需要虚拟DOM 前面我们从零开始写了一个简单的类Vue...
虚拟 DOM Vue 通过建立一个虚拟 DOM 来追踪自己要如何改变真实 DOM 在Vue中定义虚拟节点（VNod...
render 函数 虚拟 DOM Vue 通过建立一个虚拟 DOM对真实 DOM 发生的变化保持追踪 Vue.js...
Vue 基础结构 h函数：创建虚拟dom render：把h函数创建的虚拟dom返回 $mount：把虚拟dom转...
【vue3源码】十二、认识虚拟DOM 什么是虚拟DOM？ 虚拟DOM（也可以称为vnode）描述了一个真实的DOM...
以前用jq，我们都是直接操作dom，为什么要使用虚拟dom，虚拟dom的优势是什么，虚拟dom是如何实现的，vue...
vnode => dom虚拟 => 真是dom (vue 初始化渲染) 更新节点
Vue之虚拟DOM 为什么要用到虚拟DOM？ 众所周知，DOM操作是JavaScript语言的硬伤。浏览器对DOM...
vue执行 先去创建一个虚拟dom， 将生成的虚拟dom其渲染到页面。 虚拟dom是一个对象，能够表现出dom结构...
本文标题：vue 虚拟dom
本文链接：https://www.haomeiwen.com/subject/purewltx.html
网友评论