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。
官方文档有详细的说明。
前往低代码交流专区
更多推荐
0
0- 0
已为社区贡献2条内容
所有评论(0)