ホームページ  >  記事  >  ウェブフロントエンド  >  angular と vue の違いは何ですか

angular と vue の違いは何ですか

青灯夜游
青灯夜游オリジナル
2022-03-07 14:43:5423499ブラウズ

違い: 1. Vue は必要なスペースが少なく、angular の方が大きい; 2. Vue は Angular よりも柔軟で、さまざまなニーズに応じてプロジェクトのアプリケーション コードを編成できます; 3. Vue はシンプルで簡単ですangular は高レベルで始めるのが難しいですが、angular は「ng-xxx」、vue コマンドは「v-xxx」です。

angular と vue の違いは何ですか

このチュートリアルの動作環境: Windows7 システム、vue2.9.6&&angular6 バージョン、DELL G3 コンピューター。

Angular の概要

Angular は、もともと 2009 年に Misko Hevery と Adam Abrons によって開発された JavaScript フレームワークで、後に Google プロジェクトになりました。

Angular は、アプリケーション構築における HTML の欠点を補います。Angular は、識別子 (ディレクティブ) 構造を使用して Web アプリケーションの HTML 語彙を拡張し、開発者が HTML を使用して動的コンテンツを宣言できるようにします。テスト作業が容易になります。

angularjs の特徴:

1. データの双方向バインディング: ビュー層のデータとモデル層のデータは双方向にバインドされており、コードを書かなくても、一方が変更されると、それに応じてもう一方も変更されます。

2. コードのモジュール化。各モジュールのコードは独自のスコープ、モデル、コントローラーなどを独立して持ちます。

3. 強力なディレクティブを使用すると、多くの関数を HTML タグ、属性、コメントなどにカプセル化でき、HTML の構造が大幅に美しくなり、読みやすさが向上します。

4. 依存関係の注入。このバックエンド言語の設計パターンをフロントエンド コードに与えます。これは、フロントエンド コードの再利用性と柔軟性を向上させることができることを意味します。サーバーは、クライアントが完了できないデータ ソースとその他の操作のみを提供します。

5. テスト駆動開発、angularjs は最初からこれを目標としており、angular を使用して開発されたアプリケーションは単体テストとエンドツーエンドのテストを簡単に実行でき、従来の JS コードが難しいという問題を解決します。テストと保守を行う。

vue の概要

Vue (/vjuː/ と発音、ビューに似ています) は、ユーザー インターフェイスを構築するための進歩的な JavaScript フレームワークです。他の大きなフレームワークとは異なり、Vue は下から上にレイヤーごとに適用されるように設計されています。 Vue のコア ライブラリはビュー レイヤーのみに焦点を当てており、開始が簡単であるだけでなく、サードパーティのライブラリや既存のプロジェクトとの統合も簡単です。一方、最新のツール チェーンやさまざまなサポート ライブラリと組み合わせると、Vue は複雑なシングル ページ アプリケーション (SPA) 用のドライバーを提供することもできます。

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

Vue.js 自体は包括的なフレームワークではありません。ビュー層のみに焦点を当てています。したがって、学習が非常に簡単で、他のライブラリや既存のプロジェクトとの統合も非常に簡単です。一方、Vue.js を関連ツールやサポート ライブラリと併用すると、複雑な単一ページ アプリケーションを強化することもできます。

Vuejs の機能:

1. 軽量フレームワーク

2. 双方向のデータ バインディング

3. 手順

4. モジュール化: 現在、最も注目されている方法は、プロジェクトで ES6 モジュール性を直接使用し、それを Webpack と組み合わせてプロジェクトをパッケージ化することです。

5. コンポーネント化では、テンプレート (html コード)、スクリプト (es6 コード)、スタイル (css スタイル) を含む、接尾辞 .vue が付いた単一のコンポーネント ファイルを作成します。

angular と vue の違い

1. ボ​​リュームとパフォーマンス

vue が必要とするのはより多くのスペース 小さい、たとえば、Vuex Vue Router を含む Vue プロジェクト (gzip 後 30 KB) は、angular-cli によって生成されるデフォルトのプロジェクト サイズ (~65 KB) よりもはるかに小さいです。

レンダリング パフォーマンスに関しては、どちらのフレームワークも非常に高速であり、パフォーマンスにほとんど違いはありません。

2. 開発効率

いずれも、開発から構築、パッケージ化に至るプロセス全体の改善に役立つ独自の足場ツールを提供しています。再利用可能なコンポーネントにより、繰り返しの作業が軽減されます。ただし、Angular は Typescript 自体が JavaScript よりもエンジニアリング的であるという利点に依存しており、それらがすべてチームによって開発される場合、Angular の方がより多くの利点を得ることができます。

3. 柔軟性

Vue は Angular よりも柔軟性が高く、さまざまなニーズに応じてプロジェクトのアプリケーション コードを編成できます。たとえば、jquery を参照するのと同じように、HTML で vue を直接参照し、それをフロントエンド テンプレート エンジンとして使用することもできます。

4. 保守性

私が理解している保守性には 2 つのレベルがあり、1 つはコードの読みやすさ、もう 1 つは再構成のしやすさです。また、TS (静的型チェックを提供できる) のサポートが十分に包括的ではないため、vue にはこれら 2 つのレベルでいくつかの欠点があります。 vue の作者自身も、vue の TS サポートがまだ不十分であり、バージョン 3.0 で改善される予定であることを認めています。

5. 学習コストが高い

Vue は習得が簡単ですが、Angular は使い始めるのがより困難です。

AngularJS は、Dependency Injection 機能の追加など学習コストが高くなりますが、Vue.js 自体が提供する API は比較的シンプルで直感的です。

6. 命令

angular の命令はすべて ng-xxx ですが、vueJS の命令はすべて v-xxx です。

(学習ビデオ共有: vuejs チュートリアル Web フロントエンド )

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

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