Vue3对VDOM的改进有哪些突破性创新？

本文共计1638个文字，预计阅读时间需要7分钟。

前言：Vue Next 对 Virtual DOM 的 patch 更新做了系列优化，从编译时增加了 block，减少了 vdom 之间的比较次数，另外还有 hoisted 的操作减少了内存的消耗。以下是对这些优化的简要说明，供自己学习参考。

1. 编译时增加 block：通过引入 block，Vue Next 在编译时将多个节点合并为一个 block，减少了 vdom 的数量，从而降低了渲染成本。

2. 减少 vdom 之间的比较次数：通过优化 patch 算法，Vue Next 在更新 vdom 时，减少了节点之间的比较次数，提高了渲染效率。

3. hoisted 的操作减少内存消耗：Vue Next 在渲染过程中，对 hoisted 的操作进行了优化，减少了内存的消耗，提高了性能。

前言

vue-next 对virtual dom的patch更新做了一系列的优化，从编译时加入了 block 以减少 vdom 之间的对比次数，另外还有 hoisted 的操作减少了内存的开销。本文写给自己看，做个知识点记录，如有错误，还请不吝赐教。

VDOM

VDOM的概念简单来说就是用js对象来模拟真实DOM树。