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

vueの利点は何ですか

(*-*)浩
(*-*)浩オリジナル
2019-05-25 09:21:4327959ブラウズ

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

vueの利点は何ですか

vue の利点:

軽量フレームワーク

データを構築するためのビューのコレクションであるビュー レイヤーのみに注目します。ビュー レイヤーは、わずか数十 kb のサイズです。

Vue.js は、シンプルな API を通じて効率的なデータ バインディングと柔軟なコンポーネント システムを提供します

学習が簡単

中国人によって開発され、中国語のドキュメントがあり、言語の壁がなく、理解しやすく学習が簡単です

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

これは、いわゆるレスポンシブ データ バインディングです。ここでの応答性とは、@media メディア クエリの応答性の高いレイアウトではなく、vue.js がページ上の特定のデータの変更に自動的に同期的に応答することを意味します。

言い換えると、vue.js はデータの変更に自動的に応答し、すべてのデータを変更し、ユーザーがコード内で事前に記述したバインド関係に基づいてバインドされたコンテンツを表示します。このバインディング関係は、input タグの v-model 属性で宣言されるため、他の場所で vue.js を宣言型レンダリング テンプレート エンジンと大ざっぱに呼んでいる人がいるかもしれません。

これが vue.js の最大のメリットで、MVVM の考え方によりデータの双方向バインディングを実現することで、開発者は DOM オブジェクトを操作する必要がなくなり、ビジネスロジックを考える時間が増えます。

コンポーネント化

フロントエンド アプリケーションでは、プログラミングと同様にモジュールをカプセル化することもできますか?ここではコンポーネント開発の考え方を紹介します。

Vue.js は、シングルページ アプリケーション内のさまざまなモジュールをコンポーネントを通じて個別のコンポーネントに分割します。最初に親アプリケーションにさまざまなコンポーネント タグを記述し ((落とし穴)、渡すパラメーターを記述するだけです)コンポーネントタグ内でコンポーネントに入力し(関数にパラメータを渡すのと同じように、このパラメータをコンポーネントの属性と呼びます)、その後、さまざまなコンポーネントの実装を個別に記述(落とし穴を埋める)すると、アプリケーション全体が完成します。

ビュー、データ、構造の分離

により、ロジック コードを変更することなくデータの変更が簡単になり、関連する操作を完了するためにデータを操作するだけで済みます

仮想 DOM

現在、インターネットの速度はますます速くなり、多くの人が自宅に数十、さらには数百の光ファイバーを敷設しており、携帯電話も高速になり始めています。 Web ページはわずか数百 KB であり、ブラウザ自体は多くのリソース ファイルをキャッシュします。では、数十 M ファイバーで以前に開いたことがあるキャッシュされたページを開くと、なぜまだそれほど遅く感じるのでしょうか?これは、DOM を処理する際にブラウザ自体にパフォーマンスのボトルネックがあるためです。特に従来の開発では、JQuery やネイティブ JavaScript の DOM 操作関数を使用して DOM を頻繁に操作する場合、ブラウザは常に新しい DOM ツリーをレンダリングする必要があり、これによりページの見栄えが非常に悪くなります。立ち往生。

Virtual DOMとは英語で仮想DOMのことで、簡単に言うとJavaScriptを通じて事前に様々な計算を行って最終的なDOM操作を計算し最適化する方法ですこのDOM操作は前処理なので前処理はありませんDOM を実際に操作するため、仮想 DOM と呼ばれます。最後に、計算が完了した後に実際に DOM 操作が送信され、DOM 操作の変更が DOM ツリーに反映されます。

動作の高速化

react との比較と同様に、仮想 dom も動作し、パフォーマンスの面では vue の方が大きな利点があります

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

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