ホームページ > 記事 > ウェブフロントエンド > Vueのdomとreactの違い
React における vue と dom の違い: 1. Vue は各コンポーネントの依存関係を追跡するため、コンポーネント ツリー全体を再レンダリングする必要はありません; 2. React の場合、アプリケーションの状態が常に変更されると、すべてのコンポーネントが再レンダリングされます。
この記事の動作環境: Windows7 システム、react17.0.1&&vue2.0 バージョン、Dell G3 コンピューター。
仮想 DOM の概念は React の誕生とともに誕生しました。Facebook によって提案されました。その優れたパフォーマンスはすぐに大多数の開発者に認識されました。React の後、vue2.0 でも仮想 DOM の概念が導入されました。その核心で。
仮想 DOM とは何ですか?
仮想 dom は、ブラウザによってレンダリングされる実際の dom と相対的なものです。react、vue、その他のテクノロジーが登場する前は、ページに表示されるコンテンツを変更するには、クエリ dom ツリーを走査して必要なものを見つけることしかできませんでした。次に、dom はスタイルの動作または構造を変更して、ui を更新するという目的を達成します。
このメソッドは、dom をクエリするほぼ毎回、dom ツリー全体を走査する必要があるため、かなり多くのコンピューティング リソースを消費します。dom ツリーに対応する仮想 dom オブジェクト (js オブジェクト) を作成すると、 , オブジェクトのネストの形式で dom ツリーを表現するには、dom のすべての変更が js オブジェクトのプロパティの変更になるため、js オブジェクトのプロパティの変更を検索するパフォーマンスのオーバーヘッドは、js オブジェクトのプロパティの変更を検索するパフォーマンスのオーバーヘッドよりも小さくなります。 dom ツリーにクエリを実行することです。
vueとreactの仮想DOMの違い
vueとreactの仮想DOM(仮想DOM)は異なります。
Vue は各コンポーネントの依存関係を追跡するため、コンポーネント ツリー全体を再レンダリングする必要はありません。
React の場合、アプリケーションの状態が変更されるたびにすべてのコンポーネントが再レンダリングされるため、制御のために React で shouldComponentUpdate ライフサイクル関数メソッドが必要です。
推奨: 「js 基本チュートリアル 」
以上がVueのdomとreactの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。