ホームページ  >  記事  >  ウェブフロントエンド  >  Vueのdomとreactの違い

Vueのdomとreactの違い

藏色散人
藏色散人オリジナル
2021-02-03 10:33:103180ブラウズ

React における vue と dom の違い: 1. Vue は各コンポーネントの依存関係を追跡するため、コンポーネント ツリー全体を再レンダリングする必要はありません; 2. React の場合、アプリケーションの状態が常に変更されると、すべてのコンポーネントが再レンダリングされます。

Vueのdomと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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。