SwiftUI视图间ViewModel属性绑定设置失败问题排查

核心错误点 #

1. ObservableObject中误用@State：@State是专门给View结构体设计的属性包装器，用于管理视图内部状态。在ObservableObject类中，必须用@Published标记需要发布变更的属性，这样属性值变化时才能通知视图刷新。
2. 频繁重建子ViewModel实例：你在ContentView的body里每次调用makeStateCounterViewModel创建新的StateCounterViewModel，但StateCounterView用@StateObject持有ViewModel——@StateObject只会在视图初始化时创建一次实例，后续新传入的ViewModel会被忽略，导致计数器更新无法同步到子视图。

修正后的完整代码 #

父ViewModel与视图

class ContentViewModel: ObservableObject {
    // 替换@State为@Published，用于发布属性变更
    @Published var std = 1
    
    // 让父ViewModel持有子ViewModel实例，避免重复创建
    lazy var counterViewModel: StateCounterViewModel = {
        StateCounterViewModel(stateCounter: $std)
    }()
}

struct ContentView: View {
    @StateObject var viewModel: ContentViewModel
    
    var body: some View {
        VStack {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundColor(.accentColor)
            // 直接传递已持有的子ViewModel，不再每次新建
            StateCounterView(viewModel: viewModel.counterViewModel)
            Button("Increase counter") {
                viewModel.std += 1
            }
        }
        .padding()
    }
}

子ViewModel与视图

class StateCounterViewModel: ObservableObject {
    @Binding var stateCounter: Int
    
    init(stateCounter: Binding<Int>) {
        self._stateCounter = stateCounter
    }
}

struct StateCounterView: View {
    // 改用@ObservedObject，因为ViewModel是外部传入的，需要监听其变更
    @ObservedObject var viewModel: StateCounterViewModel
    
    var body: some View {
        Text("State counter: \(viewModel.stateCounter)")
    }
}

额外说明 #

• 子视图用@ObservedObject：@StateObject适合视图自身创建并管理的ViewModel，外部传入的实例用@ObservedObject才能正确监听变更。
• 父ViewModel用lazy初始化子ViewModel：确保子ViewModel只被创建一次，且能正确绑定到父ViewModel的std属性。

内容的提问来源于stack exchange，提问作者xarly