Vue虚拟DOM是如何实现高效渲染的？

本文共计681个文字，预计阅读时间需要3分钟。

目录

一、什么是虚拟DOM

二、为什么需要虚拟DOM

三、虚拟DOM介绍

一、什么是虚拟DOM 二、虚拟DOM是对真实DOM的抽象，以JavaScript对象（VNode节点）作为基础的树结构，用对象的属性来描述节点，用对象的属性变化来描述DOM变化。

目录

• 一、什么是虚拟DOM
• 二、为什么需要虚拟DOM
• 三、虚拟DOM介绍

一、什么是虚拟DOM

• 虚拟DOM是对真是DOM的抽象，以JavaScript对象（VNode节点）作为基础的树，用对象的属性来描述节点，最终可以通过一系列操作使这棵树映射到真实环境上。
• Javascript对象中，虚拟DOM表现为一个Object对象，并且最少包含标签名（tag）、属性（attrs）和子元素对象（children）三个属性。
• 创建虚拟DOM就是为了更好将虚拟的节点渲染到页面视图中，所以虚拟DOM对象的节点与真实DOM的属性一一照应。