Welke structuur en componenten omvat het MVVM-patroon?

Het MVVM-patroon (Model-View-ViewModel) verdeelt de toepassing in drie hoofdcomponenten:

• Model — vertegenwoordigt de gegevens en de bedrijfslogica. Het is de laag die met de gegevens werkt, bijvoorbeeld databasemodellen of services.
• View — is verantwoordelijk voor het weergeven van gegevens aan de gebruiker. Het zijn UI-componenten die informatie tonen en gebruikersinvoer ontvangen.
• ViewModel — tussenpersoon tussen Model en View. Het bevat de presentatie-logica, transformeert gegevens van het Model naar een voor de View geschikt formaat en verwerkt gebruikerscommando's.

Deze scheiding maakt het mogelijk om de testbaarheid, het onderhoud en hergebruik van de code te verbeteren. View en ViewModel worden meestal via binding-mechanismen verbonden, wat de hoeveelheid code voor UI-updates vermindert.

Voorbeeld in C# met 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 bevat de ViewModel de eigenschap Name, die door de View kan worden gebonden voor weergave en bewerking.