Leg uit hoe het architectuurpatroon MVVM werkt en wat de componenten zijn.

MVVM (Model-View-ViewModel) — architectuurpatroon dat de logica van de toepassing verdeelt in drie componenten:

• Model — gegevensmodel en bedrijfslogica. Verantwoordelijk voor het werken met gegevens, bijvoorbeeld laden uit het netwerk of een database.

• View — gebruikersinterface die gegevens weergeeft en acties van de gebruiker ontvangt.

• ViewModel — tussenpersoon tussen Model en View. Bevat de presentatie-logica, zet de gegevens van het model om in een geschikt formaat voor weergave en verwerkt gebruikerscommando's.

Werking:

• De View abonneert zich op veranderingen in het ViewModel (bijvoorbeeld via bindingen of observers).
• Het ViewModel vraagt gegevens op bij het Model en werkt zijn toestand bij.
• Bij dataveranderingen informeert het ViewModel de View, die de interface bijwerkt.

Deze scheiding maakt het testen en onderhouden van de code eenvoudiger, omdat UI en bedrijfslogica gescheiden zijn.

Voorbeeld in Swift met Combine:

class ViewModel: ObservableObject {
    @Published var text: String = ""

    func fetchData() {
        // gegevens laden en text bijwerken
        text = "Gegevens geladen"
    }
}

// De View abonneert zich op veranderingen in het ViewModel en werkt de UI automatisch bij