【前端知识之Vue】什么是虚拟DOM

前言

本系列主要整理前端面试中需要掌握的知识点。本节介绍什么是虚拟DOM。

---

一、什么是虚拟DOM

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

<div id="app">
    <p class="p">节点内容</p