LESS READING. MORE UNDERSTANDING.

改一个值,理解一个概念。

通过可控的交互,观察 Swift 与 SwiftUI 的行为模型。

这些是浏览器中的概念模拟,不会编译 Swift。每个实验都附有可带到 Xcode 的代码或练习。
EXPERIMENT 01

一个状态源,两个视图一起更新。

父视图拥有 count。子视图通过 @Binding 修改它,显示结果也随之改变。

ParentView.swift · 完整视图片段
import SwiftUIstruct ParentView: View {    @State private var count = 0    var body: some View {        VStack {            Text("父视图:\(count)")            ChildView(count: $count)        }    }}struct ChildView: View {    @Binding var count: Int    var body: some View {        Button("子视图 +1") { count += 1 }    }}
PARENT · 状态所有者
@State count0
$count同一份数据的读写连接
CHILD · 通过 @Binding 访问

子视图看到的 count:0

子视图没有创建另一份 count。两处结果都来自父视图拥有的状态。

学习 @State 与 @Binding

观察之后,试着解释原因。

如果你能说清谁拥有数据、什么发生了变化、为什么会更新,就可以开始读 AI 生成的实现了。

回到学习路径