SwiftUI Academy · Lektion

Ansichten an ViewModels binden

Steuern Sie die Ansicht über die Eigenschaften des ViewModels.

Lektion 3 von 413 Schritte

Ansichten an ViewModels binden ist eine kostenlose SwiftUI Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des SwiftUI Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.

Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.

Owning the ViewModel

The view that creates a ViewModel owns it. Use @State to hold the instance so it survives across re-renders of the view.

@State private var vm = ProfileViewModel()

Reading State in body

Inside body, read the ViewModel properties like normal values. SwiftUI re-runs body whenever those observed properties change.

Text(vm.greeting)

Calling Actions on Tap

Wire a button action straight to a ViewModel method. The view stays simple, just forwarding the intent to the brain.

Button("Reload") {
    vm.load()
}

Driving Conditional UI

Let ViewModel state choose the layout. Switch on isLoading to show a spinner or the content with no extra view logic.

if vm.isLoading {
    ProgressView()
} else {
    Text(vm.greeting)
}

Two-Way Fields

For text input, bind a TextField to a ViewModel property with the dollar sign. Edits flow back into the ViewModel instantly.

TextField("Name", text: $vm.name)

Loading When the View Appears

Use the .task modifier to call the ViewModel as the view shows up, kicking off the first data load automatically.

.task {
    await vm.load()
}

Lists From the ViewModel

Feed a List from a ViewModel array. When the model updates its items, SwiftUI diffs the rows and animates the change for you.

List(vm.items) { item in
    Text(item.title)
}

Keep the View Declarative

A well-bound view reads like a sentence: show this state, run that action. No calculations sneak into the body.

Passing the ViewModel Down

Child views can take a ViewModel as a plain property. The parent owns it; children just read and call its methods.

DetailView(vm: vm)

Previews Love ViewModels

In a preview, hand the view a ViewModel filled with sample data. You can showcase loading, empty, and full states side by side. 👀

A Bound Screen at a Glance

This view owns a ViewModel, shows its greeting, and reloads on tap, a complete binding in just a few lines of SwiftUI.

Text(vm.greeting)
Button("Reload") { vm.load() }

Quick Check

How should a view own a fresh ViewModel instance?

Beantworte es in der interaktiven Lektion

Recap: Binding Views to ViewModels

You connected a view to its ViewModel with @State, read its properties in body, and routed taps and input back to it. Next: dependency injection.

Kostenlos starten

Lerne Swift mit einem KI-Tutor — kostenlos

Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.

Kurse: 30
Lektionen: 120

Kostenlos lernen Den vollständigen Kurs ansehen

Häufig gestellte Fragen

Ist die Lektion „Ansichten an ViewModels binden“ kostenlos?

Ja — der vollständige Text von „Ansichten an ViewModels binden“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des SwiftUI Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Ansichten an ViewModels binden“?

Steuern Sie die Ansicht über die Eigenschaften des ViewModels. Du übst SwiftUI Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um SwiftUI Academy zu starten?

Keine Vorkenntnisse erforderlich. SwiftUI Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.

Wie lange dauert die Lektion „Ansichten an ViewModels binden“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser SwiftUI Academy-Lektion Code schreiben und ausführen?

Ja. Jede SwiftUI Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

← Zurück zu SwiftUI Academy