ホームページ > ウェブフロントエンド > フロントエンドQ&A > Vue と React とはどのようなフレームワークですか?

Vue と React とはどのようなフレームワークですか?

青灯夜游
リリース: 2023-01-04 09:36:53
オリジナル
2120 人が閲覧しました

vue はユーザー インターフェイスを構築するための進歩的な JavaScript フレームワークです。Vue のコア ライブラリはビュー層のみに焦点を当てており、学習や他のライブラリや既存のプロジェクトとの統合が非常に簡単です。 React は、ユーザー インターフェイスの構築に使用される JavaScript 開発フレームワークで、主に UI の構築に使用されます。

Vue と React とはどのようなフレームワークですか?

#この記事の動作環境: Windows10 システム、vue2.9&&react 16、thinkpad t480 コンピューター。

関連する推奨事項: 「

React ビデオ チュートリアル 」、「vue.js チュートリアル

フレームワークとはヴュー?

vue.js (/vjuː/ と発音、ビューに似ています) は、ユーザー インターフェイスを構築するための進歩的な JavaScript フレームワークです。他の大きなフレームワークとは異なり、Vue は下から上にレイヤーごとに適用されるように設計されています。 Vue のコア ライブラリはビュー レイヤーのみに焦点を当てているため、サードパーティのライブラリや既存のプロジェクトと簡単に統合できます。

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

Vue.js の目標は、可能な限りシンプルな API を通じて、応答性の高いデータ バインディングと合成ビュー コンポーネントを有効にすることです。

vue の互換性

Vue.js は、IE8 ではエミュレートできない ECMAScript 5 機能を使用するため、IE8 以前はサポートしていません。 Vue.js は、すべての ECMAScript 5 互換ブラウザをサポートしています。

react のフレームワークとは何ですか?

react.js フレームワークは、ユーザー インターフェイスを構築するために Facebook によって開始された JavaScript 開発フレームワークです。

React は、ユーザー インターフェイスを構築するための宣言的で効率的かつ柔軟な JavaScript ライブラリです。 React を使用すると、短い独立したコード スニペットを組み合わせて複雑な UI インターフェイスを作成できます。これらのコード スニペットは「コンポーネント」と呼ばれます。

React の設計思想は非常にユニークであるため、革命的なイノベーションであり、優れたパフォーマンスを備えており、コード ロジックは非常にシンプルです。そのため、将来の Web 開発の主流のツールになるのではないかと考え、注目し、使用する人が増えています。

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

React を使用すると、インタラクティブな UI の作成が簡単になります。データが変更されたときに React が効率的にコンポーネントを更新し、正しくレンダリングできるように、アプリ内のすべての状態に対して簡潔なビューを設計します。コンポーネント ロジックはテンプレートではなく JavaScript で記述されるため、アプリ内でデータを簡単に受け渡し、状態を DOM から切り離して維持できます。

React と Vue の比較

類似点:

Vue と React はどちらも JavaScript UI フレームワークであり、リッチな作成に重点を置いています。フロントエンドのアプリケーション。 「フル機能」を備えた初期の JavaScript フレームワークとは異なり、Reat と Vue にはフレームワークの骨格のみがあり、ルーティングや状態管理などの他の機能はフレームワークから分離されたコンポーネントです。

    # どちらも UI を作成するための JavaScript ライブラリです。
  • どちらも高速で軽量です。
  • すべてコンポーネントベースのアーキテクチャを持ち、
  • すべて仮想 DOM を使用します。
  • は 1 つの HTML ファイルに入れることができます。または、次のモジュールになります。より複雑な Webpack セットアップ;
  • # には独立しているが一般的に使用されるルーターおよび状態管理ライブラリがあります;
  • ##相違点:

React アプリケーションでは、コンポーネントの状態が変化すると、コンポーネントをルートとしてコンポーネントのサブツリー全体が再レンダリングされます。サブコンポーネントの不必要な再レンダリングを回避したい場合は、手動で実装する必要があります。Vue アプリケーションでは、レンダリング プロセス中にコンポーネントの依存関係が自動的に追跡されるため、システムはどのコンポーネントを実際に再レンダリングする必要があるかを正確に認識できます。コンポーネントの再レンダリングやその他の最適化が必要かどうかを検討する必要があります。

  • React ではすべてが JavaScript であり、すべてのコンポーネントはレンダリング機能を JSX に依存しています。 JSX は、XML 構文を使用して JavaScript を記述するための構文糖です。完全なプログラミング言語 JavaScript 関数を使用してビュー ページを構築できます。Vue には独自のレンダリング関数があり、Vue は JSX もサポートしています。Vue はビューのレンダリングにテンプレートを使用することを公式に推奨しています。コンポーネントは、論理コンポーネントとプレゼンテーション コンポーネントに分かれています。

  • コンポーネント スコープ内の CSS。 CSS スコープは、React では CSS-in-JS ソリューションを通じて実装されますが、Vue では、スコープ付きタグをスタイル タグに追加することによって実装されます。

  • Vue のルーティング ライブラリと状態管理ライブラリは公式に保守およびサポートされ、コア ライブラリと同期して更新されます。 React は、これらの問題をコミュニティに任せることを選択し、より分散化されたエコシステムを作成します。

#関連する推奨事項:


#2020 フロントエンド Vue インタビューの質問の概要 (回答付き)

Vue チュートリアルの推奨事項: 2020 年の最新の 5 つの vue.js ビデオ チュートリアル セレクション

プログラミング関連の知識の詳細については、こちらをご覧ください:
プログラミング入門

! !

以上がVue と React とはどのようなフレームワークですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート