1. ViewModel在Compose中的角色定位

1. 核心职责与架构原理

在 Jetpack Compose 体系中，ViewModel 不再仅仅是传统 MVC 中的“控制器”，而是经过深度改造的状态容器与生命周期边界。它的三个核心职责——生命周期感知、状态持有、与 UI 解耦——共同构成 Compose 声明式 UI 稳定运行的基石。

• 生命周期感知： ViewModel 的默认作用域绑定到 NavBackStackEntry 或 Activity。当 Composable 因配置变更（如屏幕旋转）而经历重组或销毁时，ViewModel 实例在内存中保持不变，直到其作用域被系统永久销毁。
• 状态持有： 作为单一可信数据源，ViewModel 通过 StateFlow、MutableState 或 LiveData 对外暴露不可变状态。Compose 通过 collectAsState() 订阅这些状态，自动触发重组。
• 与 UI 解耦： ViewModel 不持有任何 Context（除非使用 AndroidViewModel，且有滥用风险）或 Composable 引用。它通过事件驱动模型（如密封类定义 UiAction）与 UI 层通信，实现逻辑层的平台无关测试。

2. 架构流程与实现步骤

以下流程图直观展示了 ViewModel 在 Compose 架构中的桥梁位置，以及状态与事件的流动方向：

3. 关键实现代码与API

步骤 1： 定义 ViewModel，使用 StateFlow 持有不可变状态。

class MyViewModel : ViewModel() {
    private val _uiState = MutableStateFlow(UiState())
    val uiState: StateFlow<UiState> = _uiState.asStateFlow()

    fun onAction(action: UiAction) {
        when (action) {
            is UiAction.LoadData -> {
                viewModelScope.launch {
                    _uiState.value = UiState(isLoading = true)
                    // 调用仓库层
                }
            }
        }
    }
}

data class UiState(val isLoading: Boolean = false, val data: List<String> = emptyList())
sealed class UiAction {
    object LoadData : UiAction()
}

步骤 2： 在 Composable 中注入 ViewModel 并收集状态。

@Composable
fun MyScreen(viewModel: MyViewModel = viewModel()) {
    val uiState by viewModel.uiState.collectAsState()
    
    if (uiState.isLoading) {
        CircularProgressIndicator()
    } else {
        LazyColumn {
            items(uiState.data) { item ->
                Text(text = item)
            }
        }
    }
}

4. 生命周期与解耦对比

5. 常见错误与稳定性优化