Quelle structure et composants comprend le modèle MVVM?

Le modèle MVVM (Model-View-ViewModel) divise l’application en trois composants principaux :

• Model — représente les données et la logique métier. C’est la couche qui travaille avec les données, par exemple, des modèles de base de données ou des services.
• View — est responsable de l’affichage des données à l’utilisateur. Ce sont des composants UI qui montrent l’information et reçoivent l’entrée de l’utilisateur.
• ViewModel — intermédiaire entre Model et View. Il contient la logique de présentation, transforme les données du Model dans un format adapté à la View, et traite les commandes de l’utilisateur.

Une telle séparation permet d’améliorer la testabilité, la maintenance et la réutilisation du code. La View et le ViewModel sont généralement liés par des mécanismes de binding, ce qui réduit la quantité de code nécessaire pour mettre à jour l’UI.

Exemple en C# avec 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));
    }
}

Ici, le ViewModel contient la propriété Name, que la View peut lier pour l’affichage et la modification.