虚拟dom怎么实现的?
2019-08-12 本文已影响0人
Tz1314
将DOM做一层映射关系v-DOM,本该对DOM的操作映射到v-DOM上,v-DOM完全用js实现,与宿主浏览器无关,增删改查执行速度很快;
vue中,用js对象表示一个虚拟dom树,用这个树构建一个真实dom树,插入文档,每次需要更新视图时,会重新构建一个虚拟dom树.
并将新树与老树对比,记录差异,把差异应用到第一步构建的真实DOM树上,视图就更新了。
将DOM做一层映射关系v-DOM,本该对DOM的操作映射到v-DOM上,v-DOM完全用js实现,与宿主浏览器无关,增删改查执行速度很快;
vue中,用js对象表示一个虚拟dom树,用这个树构建一个真实dom树,插入文档,每次需要更新视图时,会重新构建一个虚拟dom树.
并将新树与老树对比,记录差异,把差异应用到第一步构建的真实DOM树上,视图就更新了。