Vue之虚拟DOM

Vue之虚拟DOM

为什么要用到虚拟DOM？

众所周知，DOM操作是JavaScript语言的硬伤。浏览器对DOM的渲染会使其有严重的性能消耗，详情点击——浏览器渲染

凭借着它极低的效率，开发人员在进行项目的开发时，都遵循着一条宗旨：尽量减少对DOM的操作！于是就有了文档碎片的概念。而在Vue框架中，有了另一条解决浏览器性能问题的思路，那就是——虚拟DOM。

什么是虚拟DOM

虚拟DOM实际上是JS对象。顾名思义，虚拟DOM是Vue在开发的过程中的模拟场景，相当于春晚的彩排。如果在一次操作中，有多次更新DOM的指令，这些更新并不会逐条执行并渲染，而是将这多次的更新保存在一个本地的JS对象中，最终将这个JS对象一次性地渲染到DOM树上，并交给浏览器去绘制。如此而来，原本要进行多次的DOM操作经过虚拟DOM的处理之后，只需要一次就可以实现，极大地优化了性能。

虚拟DOM的实现

To be continued...