Welche Struktur und Komponenten umfasst das MVVM-Muster?

Das MVVM-Muster (Model-View-ViewModel) teilt die Anwendung in drei Hauptkomponenten:

• Model — repräsentiert die Daten und die Geschäftslogik. Es ist die Schicht, die mit den Daten arbeitet, z.B. Datenbankmodelle oder Dienste.
• View — ist verantwortlich für die Anzeige der Daten für den Benutzer. Es sind UI-Komponenten, die Informationen anzeigen und Benutzereingaben entgegennehmen.
• ViewModel — ist der Vermittler zwischen Model und View. Es enthält die Präsentationslogik, wandelt die Daten des Models in ein für die View geeignetes Format um und verarbeitet Benutzerbefehle.

Diese Trennung ermöglicht eine bessere Testbarkeit, Wartbarkeit und Wiederverwendbarkeit des Codes. View und ViewModel sind in der Regel durch Bindungsmechanismen verbunden, was den Code für UI-Updates reduziert.

Beispiel in C# mit WPF:

public class PersonViewModel : INotifyPropertyChanged
{
    private string name;
    public string Name
    {
        get => name;
        set
        {
            name = value;
            OnPropertyChanged();
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propName));
    }
}

Hier enthält das ViewModel die Eigenschaft Name, die von der View gebunden werden kann, um anzuzeigen und zu bearbeiten.