仮想 dom によってパフォーマンスが向上するのはなぜですか?

仮想 dom は、js と実際の dom の間にキャッシュを追加することに相当し、dom diff アルゴリズムを使用して不要な dom 操作を回避し、パフォーマンスを向上させます。

JavaScript オブジェクト構造を使用して DOM ツリーの構造を表し、このツリーを使用して実際の DOM ツリーを構築し、それをドキュメントに挿入し、状態が変化したときに新しいオブジェクト ツリーを再構築します。次に、新しいツリーと古いツリーを比較し、2 つのツリー間の差異を記録し、ステップ 2 で記録した差異をステップ 1 で構築された実際の DOM ツリーに適用すると、ビューが更新されます。