ホームページ  >  記事  >  ウェブフロントエンド  >  フロントエンドMVVMとは何ですか?

フロントエンドMVVMとは何ですか?

Guanhui
Guanhuiオリジナル
2020-06-24 16:52:585063ブラウズ

フロントエンド MVVM はソフトウェア アーキテクチャ設計パターンです。本質的には MVC の改良版であり、ビューの状態と動作を抽象化し、開発者がビュー UI とビジネス ロジックを分離できるようにします。利点は、結合度が低いこと、再利用可能性、独立した開発とテストのしやすさです。

フロントエンドMVVMとは何ですか?

MVVM は、Model-View-ViewModel の略です。これは本質的に MVC の改良版です。 MVVM はビューの状態と動作を抽象化し、ビュー UI とビジネス ロジックを分離できるようにします。もちろん、ViewModel はこれらのことをすでに行っており、Model データを取り出して、コンテンツを表示する必要がある View に含まれるビジネス ロジックの処理を支援します。 Microsoft の WPF は、Silverlight、オーディオ、ビデオ、3D、アニメーションなどの新しい技術エクスペリエンスをもたらし、その結果、ソフトウェア UI レイヤーがより詳細でカスタマイズ可能になります。同時に、技術レベルでは、WPF はバインディング、依存関係プロパティ、ルーテッド イベント、コマンド、DataTemplate、ControlTemplate などの新機能ももたらします。 MVVM (Model-View-ViewModel) フレームワークの起源は、MVP (Model-View-Presenter) パターンと WPF を組み合わせたアプリケーション手法から進化した新しいアーキテクチャ フレームワークです。これは、オリジナルの MVP フレームワークに基づいており、ますます複雑になる顧客ニーズの変化に対応するために WPF の新機能が組み込まれています。

MVVM ロジック図

フロントエンドMVVMとは何ですか?

##MVVM パターンのコンポーネント

フロントエンドMVVMとは何ですか?#モデル

モデルは、実際の状態のコンテンツを表すドメイン モデル (オブジェクト指向)、またはデータ アクセス層 (データ中心) を指します。内容を表します)。

ビュー

MVC および MVP パターンと同様に、ビューはユーザーが画面上で見る構造、レイアウト、外観 (UI) です。

ビュー モデル

ビュー モデルは、パブリック プロパティとコマンドを公開するビューの抽象化です。 MVVM には、MVC モード コントローラーや MVP モード プレゼンターはありませんが、バインダーがあります。 View Model では、バインダーはビューとデータ バインダーの間で通信します。

バインダー

宣言的なデータとコマンドのバインディングは、MVVM パターンに暗黙的に含まれます。 Microsoft ソリューション スタックでは、バインダーは XAML と呼ばれるマークアップ言語です。バインダーを使用すると、開発者はビュー モデルとビューを同期するための定型ロジックを記述する必要がなくなります。宣言型データ バインディング テクノロジの出現は、Microsoft のヒープ外で実装された場合にこのパターンを可能にする重要な要素でした。

推奨チュートリアル: 「

JS チュートリアル

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

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