虚拟DOM基础概念什么是虚拟DOM？虚拟DOM（Virtual DOM）是用JavaScript对象来描述真实DOM结构的技术。简单来说，就是把HTML结构用JavaScript对象表示出来。
为什么需要虚拟DOM？
直接操作DOM非常昂贵，每次DOM操作都会触发浏览器的重绘和重排，影响性能。虚拟DOM通过以下方式解决这个问题：
批量更新：将多次DOM操作合并为一次
差异比较：只更新真正变化的部分
内存操作：JavaScript对象操作比DOM操作快得多
虚拟DOM示例让我们看一个简单的例子：
12345<!-- 真实DOM --><div class="container" id="app"> <h1>标题</h1> <p>内容</p></div>
对应的虚拟DOM：
12345678910111213141516171819202122232425{ tag: 'div', // ...
