React-虚拟DOM和真实DOM

什么是虚拟DOM

• 虚拟 DOM 是相对于浏览器所渲染出来的真实的 DOM
• 虚拟 DOM 就是使用JS对象来表示页面上真实的 DOM
• 例如下所示：

<div id="name" title= "name">  // 真实的DOM
let obj = {                    // 虚拟DOM
    tagName: 'div',
    attrs: {
        id: "name",
        title: "name"
    }
}

真实DOM如下