鸿蒙的“官方推荐”架构MVVM

一、鸿蒙的“官方推荐”架构 鸿蒙官方在 ArkUI/ArkTS 和 Java HarmonyOS Ability 开发里，推荐用： 1.MVVM（官方最推） ArkUI/ArkTS 天然支持 数据驱动，也就是 MVVM 核心思想： Model：数据实体，普通类或 JS 对象 ViewModel：@Observed, @State, @Computed 等管理状态 View：ArkUI Column, Row, Stack 等 UI 组件 数据变化 → UI 自动刷新（无需手动 findView/updateView） 典型标志： @Observed class DeviceData { batteryPercent: number; online: boolean; } @Component struct DeviceItem { @ObjectLink data: DeviceData; build() { Column() { Text("电量: " + this.data.batteryPercent + "%") } } } 这个就是 ArkUI 的 MVVM 核心方式。 2.MVP / MVI（非官方也可用） MVP： Model: 数据实体 View: ArkUI 页面 Presenter: 普通 TypeScript / Java 类负责业务逻辑 这种方式在鸿蒙 Java 端和 ArkUI 前端都可以实现，但不如 MVVM 官方支持好。 使用场景：你想完全分离逻辑和 UI，类似 Android 老项目迁移。 MVI： 也是数据驱动，但强调 状态不可变 + 单向数据流 对于复杂页面（设备列表、巡检表格、地图轨迹）非常适合 二、鸿蒙开发特点与 Android 不同点 # Android 与 鸿蒙 ArkUI/ArkTS 特性对比 | 特性 | Android | 鸿蒙 ArkUI / ArkTS | |------|---------|------------------| | **数据绑定** | LiveData / ViewModel | `@State`, `@Observed` | | **UI 组件** | XML / Jetpack Compose | Column, Row, Stack, Text, Image | | **事件绑定** | `setOnClickListener` | `onClick={() => {...}}` | | **生命周期** | Activity / Fragment | Ability + Component | | **官方推荐架构** | MVVM + Jetpack | MVVM + ArkUI | 总结：鸿蒙官方就是 ArkUI + MVVM，几乎天然支持，直接用 @Observed/@State 就能做双向绑定。 三、鸿蒙项目常用 MVVM 模式结构 project/ │ ├─ model/ # 数据模型 │ └─ Device.ts │ ├─ view/ # 页面组件 │ └─ DevicePage.ts │ ├─ viewmodel/ # 管理状态、提供数据 │ └─ DeviceViewModel.ts │ ├─ service/ # 网络/设备/数据库服务 │ └─ DeviceService.ts └─ utils/ 使用方法： ViewModel 中保存状态 View 使用 @Observed 或 @State 绑定 ViewModel 数据 数据变化 → UI 自动刷新，无需手动更新 四、安卓开发经验迁移到鸿蒙 LiveData → @Observed/@State ViewModel → ArkTS/Java 对应 ViewModel 类 DataBinding / Jetpack Compose → Column/Row/Stack + build() MVP 的 Presenter → ArkTS 类 + 自己调用更新函数 核心区别：鸿蒙更偏 声明式 + 数据驱动，MVVM 天然支持，MVP 只能自己写。