Vue 如何更新 DOM
DOM: document object model, 文档对象模型,即由浏览器呈现的html内容。Virtual DOM: 基于 JS 的 DOM, 只存在于内存中。Vue 如何更新实际 DOM:简单地说,Vue 在内存中维护一个虚拟 DOM,每当数据发生任何变化时,Vue 会检测到这种变化,然后创建一个新的虚拟 DOM,将其与旧的虚拟 DOM 进行比较,并检测差异,然后将这两个虚拟 DOM 之
·
DOM: document object model, 文档对象模型,即由浏览器呈现的html内容。
Virtual DOM: 基于 JS 的 DOM, 只存在于内存中。
Vue 如何更新实际 DOM:简单地说,Vue 在内存中维护一个虚拟 DOM,每当数据发生任何变化时,Vue 会检测到这种变化,然后创建一个新的虚拟 DOM,将其与旧的虚拟 DOM 进行比较,并检测差异,然后将这两个虚拟 DOM 之间的差异写入真实 DOM。( 实际上Vue 对此进行了许多优化,例如它不会一直重新创建整个虚拟 DOM,从而使这种方式更加高效。)
React 也是使用相同的 virtual DOM 更新实际的 DOM。
官方文档有详细的说明。
更多推荐
已为社区贡献2条内容
所有评论(0)