使用虚拟DOM地缘由:原生的DOM设计的非常复杂,DOM操作非常耗费性能,那就把计算更多地转为JS计算,因为JS执行速度很快。
虚拟DOM就是用JS模拟DOM结构,计算出最小地变更后,再操作DOM。
1、用JS模拟DOM结构
<div id='a' class='b'>
<p>内容</p>
</div>
将上述DOM结构用js来表示:
{
tag:'div',
props:{
className:'b',
id:'a'
}
children:[
{tag:'p',
children:'内容'
}
]
}
2、