Vueとは何ですか?Vueはどのように機能しますか?

Vue(/ Vju:/と発音、Viewと同様)は、ユーザーインターフェイスを構築するためのプログレッシブフレームワークです。他の大規模なフレームワークと比較して、Vueは下から上にレイヤーごとに適用されるように設計されています。他の大規模なフレームワークでは、プロジェクトの技術ソリューションに最初から必須の要件が課されることが多く、Vueはより柔軟性があります。開発者は、Vueを使用して新しいプロジェクトを開発するか、既存のプロジェクトにVueを導入するかを選択できます。

一方、Vueを最新のツールチェーンやさまざまなサポートライブラリと組み合わせて使用​​すると、複雑なシングルページアプリケーションのドライバーを提供することもできます。ツールチェーンとは、フロントエンド開発プロセスで使用される一連のツールを指します。たとえば、スキャフォールディングツールを使用してアプリケーションを作成する、依存関係管理ツールを使用して依存関係パッケージをインストールする、ビルドツールを使用してコードをコンパイルするなどです。

VueのデータドライブはMVVM(Model-View-ViewModel)モードで実現され、その基本的な動作原理を次の図に示します。

1615283232232.png

VUEの基本的な動作原理

上の図からわかるように、MVVMには主にModel、View、ViewModelの3つの部分が含まれています。モデルとは、主にビジネスデータを担当するデータ部分を指し、ビューとは、ビューの処理を担当するビュー部分、つまりDOM要素を指します。ViewModelは、ビューとデータを接続するデータモデルであり、モデルまたはビューの変更を監視する役割を果たします。

MVVMでは、データ(Model)とビュー(View)は直接通信できず、View Model(ViewModel)はオブザーバーに相当し、両者の動作を監視し、対応する操作を迅速に通知します。モデルが変更されると、ViewModelは変更を監視し、対応する変更を時間内に行うようにビューに通知できます。逆に、ビューが変更されると、ViewModelは変更を監視した後、変更を行うようにモデルに通知します。これにより、ビューとモデルの分離が実現されます。

Vueとは何ですか?Vueはどのように機能しますか?上記の紹介でご理解いただけましたか?また、Webフロントエンド関連の技術的な問題についてXiaoqianに注意を払うこともできます。より多くの技術コンテンツと業界情報が後でリリースされ、あなたを待っています~~~~


おすすめ

転載: blog.51cto.com/15128702/2662634