Model-View-ViewModel (MVVM) ist ein Architekturmuster oder Pattern aus der Softwareentwicklung. Vorrangiges Ziel ist die strikte Trennung zwischen grafischer Oberflächendarstellung, Präsentationslogik und Geschäftslogik
Beim MVVM-Muster isoliert das Viewmodell die Ansicht(View) vom Modell, so dass sich das Modell unabhängig von der Ansicht weiterentwickeln lässt.
(Bild: Vorlage: Microsoft)
MVVM ist ein Architekturmuster, mit dem eine klare Trennung zwischen Geschäftslogik und Oberfläche in komplexen Projekten umgesetzt werden kann. Man soll vereinfacht gesagt versuchen, beim Programmieren verschiedene Funktionalitäten sauber voneinander zu trennen, die zwar fachlich zusammengehören, aber auf verschiedenen Schichten des Programms angesiedelt sind.
Die Darstellung von Daten an der sichtbaren Oberfläche muss dementsprechend z. B. separat von der Logik sein, die unsichtbar im Hintergrund den Datenzugriff regelt. MVVM wurde von Microsoft entwickelt und ist eine Variation des „Model View Controller“-, kurz MVC-Patterns bzw. des Model View Presenter (MVP) Patterns.
Funktionale Trennung von Datenzugriff und Anzeige
Das Pattern sieht vor, dass die Logik in drei Komponenten zerlegt wird: Model, View und ViewModel.
Model
Das Model übernimmt Aufgaben, die mit der Datenhaltung zusammenhängen. Es kann z. B. Daten aus einer Datenquelle anfordern, Daten im Sinne der Anwendung abstrahieren oder Daten validieren. Das Model stellt der Anwendung Daten zur Verfügung oder nimmt Daten zur Weitergabe an andere Dienste entgegen, z. B. zum Speichern in eine Datenbank. Typisch ist, dass Klassen aus dem Model mit anderen Technologien zusammenarbeiten, die den Zugriff und die Speicherung von Daten übernehmen, z. B. Services.
View
Die View hat allein die grafische Darstellung an der Oberfläche zur Aufgabe. Sie stellt also Informationen dar und ist für das Aussehen der Benutzeroberfläche zuständig. Dazu nutzt sie die Informationen, die im ViewModel aufbereitet und zur Verfügung gestellt werden. Im Quellcode der View finden sich vor allem die Strukturen, die zur Darstellung der gewünschten Informationen nötig sind. Es ist möglich, dass die View außerdem kleine Abschnitte Code enthält, der direkt die Anzeige der Informationen beeinflusst, weil z. B. die rein strukturelle Aufbereitung nicht für die gewünschte Darstellung ausreicht. Außerdem kann die View Veränderungen an das ViewModel kommunizieren, z. B. wenn ein Benutzer etwas anklickt oder schreibt.
ViewModel
Das ViewModel schlägt eine Brücke zwischen Model und View. Hier steckt die Logik, welche für die Präsentation der Daten an der Oberfläche gebraucht wird. Die Logik lauscht auf die Eingaben des Benutzers und kann, wenn nötig, die entsprechende Präsentationslogik ausführen. Sie fordert die Daten an, welche die View für die Anzeige benötigt oder gibt Informationen von der Oberfläche an das Model durch, wo die Geschäftslogik stattfindet. Auch kann das ViewModel zur Laufzeit neue oder geänderte Informationen an die View durchgeben und somit dafür sorgen, dass die angezeigten Daten immer aktuell sind.
Vorteile von MVVM
Das Architekturmuster MVVM bietet bei sauberer Umsetzung gewisse Vorteile für die Entwicklung komplexer Anwendungen.
Austauschbare und unabhängige Komponenten
View und ViewModel können ausgetauscht oder verändert werden, ohne dass man das Model jemals anrühren muss. Die grundlegenden Funktionen für den Datenzugriff bleiben also solange unangetastet, bis man wirklich einmal gezielt an dieser Stelle eingreifen muss. Das ist praktisch, weil so die Aufbereitung und Anzeige von Informationen beliebig optimiert oder komplett erneuert werden kann, während die tiefer liegende Funktionalität unverändert bleibt. Umgekehrt kann an der Geschäftslogik gearbeitet werden, ohne zwingend auch die Oberfläche verändern zu müssen.
Außerdem gibt es die Option, dass mit geringem Aufwand verschiedene Views für ein ViewModel erstellt werden, z. B. um unterschiedliche Ansichten zu realisieren. Statt mehrere Views und ViewModels zu verwenden, muss so lediglich die Darstellung der Oberfläche in verschiedenen Varianten erstellt werden.
Verbesserte Testbarkeit
Komplexe Systeme als eine große Einheit zu testen ist kompliziert und als einzige Testmethode unzuverlässig. Per MVVM werden die Logiken für Oberfläche und Datenhaltung ohnehin schon sauber voneinander getrennt. So ist es deutlich einfacher, detailliertere Tests durchzuführen. Man kann z. B. das ViewModel komplett losgelöst von View und Model betrachten. Man muss somit nicht an der Oberfläche versuchen, alle Szenarien abzudecken, sondern kann mit klar abgegrenzten Unit Tests in jedem Modul arbeiten. So kann mit geringerem Aufwand und Abschnitt für Abschnitt geprüft werden, ob von technischer Seite alles wie gewünscht funktioniert.
Stand: 08.12.2025
Es ist für uns eine Selbstverständlichkeit, dass wir verantwortungsvoll mit Ihren personenbezogenen Daten umgehen. Sofern wir personenbezogene Daten von Ihnen erheben, verarbeiten wir diese unter Beachtung der geltenden Datenschutzvorschriften. Detaillierte Informationen finden Sie in unserer Datenschutzerklärung.
Einwilligung in die Verwendung von Daten zu Werbezwecken
Ich bin damit einverstanden, dass die Vogel IT-Medien GmbH, Max-Josef-Metzger-Straße 21, 86157 Augsburg, einschließlich aller mit ihr im Sinne der §§ 15 ff. AktG verbundenen Unternehmen (im weiteren: Vogel Communications Group) meine E-Mail-Adresse für die Zusendung von Newslettern und Werbung nutzt. Auflistungen der jeweils zugehörigen Unternehmen können hier abgerufen werden.
Der Newsletterinhalt erstreckt sich dabei auf Produkte und Dienstleistungen aller zuvor genannten Unternehmen, darunter beispielsweise Fachzeitschriften und Fachbücher, Veranstaltungen und Messen sowie veranstaltungsbezogene Produkte und Dienstleistungen, Print- und Digital-Mediaangebote und Services wie weitere (redaktionelle) Newsletter, Gewinnspiele, Lead-Kampagnen, Marktforschung im Online- und Offline-Bereich, fachspezifische Webportale und E-Learning-Angebote. Wenn auch meine persönliche Telefonnummer erhoben wurde, darf diese für die Unterbreitung von Angeboten der vorgenannten Produkte und Dienstleistungen der vorgenannten Unternehmen und Marktforschung genutzt werden.
Meine Einwilligung umfasst zudem die Verarbeitung meiner E-Mail-Adresse und Telefonnummer für den Datenabgleich zu Marketingzwecken mit ausgewählten Werbepartnern wie z.B. LinkedIN, Google und Meta. Hierfür darf die Vogel Communications Group die genannten Daten gehasht an Werbepartner übermitteln, die diese Daten dann nutzen, um feststellen zu können, ob ich ebenfalls Mitglied auf den besagten Werbepartnerportalen bin. Die Vogel Communications Group nutzt diese Funktion zu Zwecken des Retargeting (Upselling, Crossselling und Kundenbindung), der Generierung von sog. Lookalike Audiences zur Neukundengewinnung und als Ausschlussgrundlage für laufende Werbekampagnen. Weitere Informationen kann ich dem Abschnitt „Datenabgleich zu Marketingzwecken“ in der Datenschutzerklärung entnehmen.
Falls ich im Internet auf Portalen der Vogel Communications Group einschließlich deren mit ihr im Sinne der §§ 15 ff. AktG verbundenen Unternehmen geschützte Inhalte abrufe, muss ich mich mit weiteren Daten für den Zugang zu diesen Inhalten registrieren. Im Gegenzug für diesen gebührenlosen Zugang zu redaktionellen Inhalten dürfen meine Daten im Sinne dieser Einwilligung für die hier genannten Zwecke verwendet werden. Dies gilt nicht für den Datenabgleich zu Marketingzwecken.
Recht auf Widerruf
Mir ist bewusst, dass ich diese Einwilligung jederzeit für die Zukunft widerrufen kann. Durch meinen Widerruf wird die Rechtmäßigkeit der aufgrund meiner Einwilligung bis zum Widerruf erfolgten Verarbeitung nicht berührt. Um meinen Widerruf zu erklären, kann ich als eine Möglichkeit das unter https://contact.vogel.de abrufbare Kontaktformular nutzen. Sofern ich einzelne von mir abonnierte Newsletter nicht mehr erhalten möchte, kann ich darüber hinaus auch den am Ende eines Newsletters eingebundenen Abmeldelink anklicken. Weitere Informationen zu meinem Widerrufsrecht und dessen Ausübung sowie zu den Folgen meines Widerrufs finde ich in der Datenschutzerklärung.
Vereinfachtes Arbeiten im Team
Da Oberfläche und Geschäftslogik in voneinander getrennten Modulen stattfinden, können Entwickler und UI-Designer bei Bedarf unabhängig voneinander an derselben Komponente arbeiten. Während der Programmierer mit Model und ViewModel beschäftigt ist, kann der UI-Designer ungestört die grafische Oberfläche vorbereiten. View und ViewModel können nach der Fertigstellung miteinander verbunden werden.
Nachteile
Die Arbeit mit MVVM ist etwas aufwendiger, vor allem im Bereich der Datenbindung und der Kommunikation zwischen den Komponenten. Auch funktioniert MVVM nur dann gut, wenn wirklich sauber getrennt wird und nicht aus Bequemlichkeit manches in die falsche Komponente gerät, z. B. Präsentationslogik in die View.