Sobes.tech
Junior — Middle

Erklären Sie das Funktionsprinzip des Architekturpatterns MVVM und seine Komponenten.

sobes.tech KI

Antwort von AI

MVVM (Model-View-ViewModel) — Architektur-Muster, das die Logik der Anwendung in drei Komponenten aufteilt:

  • Model — Datenmodell und Geschäftslogik. Verantwortlich für die Arbeit mit Daten, z.B. Laden aus dem Netzwerk oder einer Datenbank.

  • View — Benutzeroberfläche, die Daten anzeigt und Benutzeraktionen entgegennimmt.

  • ViewModel — Vermittler zwischen Model und View. Enthält die Präsentationslogik, wandelt die Daten des Modells in ein für die Anzeige geeignetes Format um und verarbeitet Benutzerbefehle.

Funktionsprinzip:

  • Die View abonniert Änderungen im ViewModel (z.B. durch Bindings oder Beobachter).
  • Das ViewModel fordert Daten vom Model an und aktualisiert seinen Zustand.
  • Bei Datenänderungen informiert das ViewModel die View, die die Oberfläche aktualisiert.

Diese Trennung erleichtert Tests und Wartung des Codes, da UI und Geschäftslogik getrennt sind.

Beispiel in Swift mit Combine:

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

    func fetchData() {
        // Daten laden und Text aktualisieren
        text = "Daten geladen"
    }
}

// Die View abonniert Änderungen im ViewModel und aktualisiert die UI automatisch