ホームページ >ウェブフロントエンド >jsチュートリアル >vueとreactの本質的な違いは何ですか

vueとreactの本質的な違いは何ですか

藏色散人
藏色散人オリジナル
2021-02-02 10:32:002253ブラウズ

vue と React の本質的な違いは、テンプレートとコンポーネント化の違いです。Vue は本質的に MVC から開発された MVVM フレームワークであるのに対し、React はバックエンドのコンポーネント化から開発されたフロントエンド コンポーネント フレームワークです。

vueとreactの本質的な違いは何ですか

#この記事の動作環境: Windows7 システム、react17.0.1&&vue2.0 バージョン、Dell G3 コンピューター。

Vue と React は最近人気のある 2 つの JavaScript フレームワークですが、両者の違いは何ですか?

Vue.js は、ユーザー インターフェイスを構築するための進歩的なフレームワークです。他の重量級フレームワークとは異なり、Vue はボトムアップの増分開発設計を採用しています。 Vue のコア ライブラリはビュー レイヤーのみに焦点を当てており、学習や他のライブラリや既存のプロジェクトとの統合が非常に簡単です。一方、Vue は、Vue エコシステムによってサポートされる単一ファイルのコンポーネントとライブラリを使用して開発された複雑な単一ページ アプリケーションを駆動する能力を十分に備えています。

React は、ユーザー インターフェイスの構築に使用されるオープン ソースの JavaScript ライブラリです。主に UI の構築に使用されます。多くの人は、React が MVC の V (ビュー) であると考えています。 React は高いパフォーマンスと非常にシンプルなコードロジックを備えているため、ますます多くの人が注目し、使用し始めています。

React ビューは通常、カスタム HTML タグで指定された他のコンポーネントを含むコンポーネントを使用してレンダリングされます。 React は、サブコンポーネントが外部コンポーネントに直接影響を与えないモデル (「データ フロー ダウン」)、データ変更時の HTML ドキュメントの効率的な更新、最新のシングルページ アプリケーションにおけるコンポーネント間の明確な分離をプログラマーに提供します。

vue と React の違い

Vue と React の本質的な違い: テンプレートとコンポーネント化の違い

Vue の本質はMVVM フレームワークは、MVC から開発されたもので構成されます。

React は、バックエンドのコンポーネント化から開発されたフロントエンド コンポーネント フレームワークです。

データ フローの違い:

vue 双方向データ フロー React シングル 応答データ ストリームへのデータ変更を監視する実装原理が異なります

Vue はゲッター/セッターや一部の関数のハイジャックを通じてデータの変更を正確に把握でき、特別な最適化を行わなくても良好な結果を達成できますパフォーマンス

React はデフォルトで参照を比較します。最適化されていない場合 (PureComponent/ShouldComponentUpdate)、大量の不必要な VDOM 再レンダリングが発生する可能性があります

React が正確に監視しない理由データ変更 毛織物?これは、Vue と React の設計思想の違いによるもので、Vue は可変データを使用しますが、React はデータの不変性を重視します。 Vue の方がシンプルですが、大規模なアプリケーションを構築する場合には React の方が堅牢です。

一般的には Vuex や Redux などのデータ層フレームワークが使用されるため、この部分の説明は省略し、最後の vuex と redux の違いでも説明します。

推奨: 「

js 基本チュートリアル

以上がvueとreactの本質的な違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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