Was ist Front-End-MVVM?

Front-End-MVVM ist ein Software-Architektur-Entwurfsmuster. Es handelt sich im Wesentlichen um eine verbesserte Version von MVC, die den Status und das Verhalten der Ansicht abstrahiert und es Entwicklern ermöglicht, die Benutzeroberfläche der Ansicht und die Geschäftslogik zu trennen Vorteile sind geringe Kopplung, Wiederverwendbarkeit, unabhängige Entwicklung und Testbarkeit.

MVVM ist die Abkürzung für Model-View-ViewModel. Es handelt sich im Wesentlichen um eine verbesserte Version von MVC. MVVM abstrahiert den Zustand und das Verhalten der Ansicht und ermöglicht uns so die Trennung der Benutzeroberfläche der Ansicht und der Geschäftslogik. Natürlich hat ViewModel diese Dinge bereits für uns erledigt. Es kann die Modelldaten herausnehmen und dabei helfen, die in der Ansicht enthaltene Geschäftslogik zu verwalten, die Inhalte anzeigen muss. Microsofts WPF bringt neue technische Erfahrungen wie Silverlight, Audio, Video, 3D, Animation usw., was dazu führt, dass die Software-UI-Ebene detaillierter und anpassbarer ist. Gleichzeitig bringt WPF auf technischer Ebene auch neue Funktionen wie Bindung, Abhängigkeitseigenschaft, Routing-Ereignisse, Befehl, DataTemplate, ControlTemplate und andere neue Funktionen mit. Der Ursprung des MVVM-Frameworks (Model-View-ViewModel) ist ein neues Architekturframework, das sich aus der Anwendungsmethode der Kombination des MVP-Musters (Model-View-Presenter) mit WPF entwickelt hat. Es basiert auf dem ursprünglichen MVP-Framework und integriert die neuen Funktionen von WPF, um den immer komplexeren Anforderungen der Kunden gerecht zu werden.

MVVM-Logikdiagramm

Komponenten des MVVM-Musters

Modell

Modell bezieht sich auf das Domänenmodell (objektorientiert), das den realen Zustandsinhalt darstellt, oder auf die Datenzugriffsschicht (datenzentriert). ), das den Inhalt darstellt).

Ansicht

Genau wie bei MVC- und MVP-Mustern ist die Ansicht die Struktur, das Layout und das Erscheinungsbild (UI), die der Benutzer auf dem Bildschirm sieht.

Ansichtsmodell

Ein Ansichtsmodell ist eine Abstraktion einer Ansicht, die öffentliche Eigenschaften und Befehle offenlegt. MVVM verfügt im MVC-Modus weder über einen Controller noch im MVP-Modus über einen Presenter, sondern über einen Binder. In einem Ansichtsmodell kommunizieren Binder zwischen der Ansicht und dem Datenbinder.

Binder

Deklarative Daten- und Befehlsbindung ist im MVVM-Muster implizit. Im Microsoft-Lösungsstapel ist der Binder eine Auszeichnungssprache namens XAML. Binder ersparen Entwicklern die Notwendigkeit, Boilerplate-Logik zu schreiben, um Ansichtsmodelle und Ansichten zu synchronisieren. Das Aufkommen der deklarativen Datenbindungstechnologie war ein Schlüsselfaktor für die Ermöglichung dieses Musters, wenn es außerhalb des Microsoft-Heaps implementiert wurde.

Empfohlenes Tutorial: „JS-Tutorial“

Das obige ist der detaillierte Inhalt vonWas ist Front-End-MVVM?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!