State 状态装饰器页面动态刷新的核心State是 ArkTS 最基础的状态管理装饰器作用是定义响应式变量。被该装饰器修饰的数据发生改变时绑定该变量的 UI 组件会自动刷新视图实现数据驱动界面更新。 我们日常的文字修改、单选框选中、开关切换底层全部依靠State完成。普通普通变量修改不会触发页面重绘而State变量可以完成 UI 实时同步是动态交互的底层基石。etsState msg:string 初始文字弹窗AlertDialog轻量提示交互弹窗是全局浮层组件悬浮于页面上层常用于消息提示、确认操作、警告提醒。鸿蒙内置AlertDialog原生弹窗可自定义标题、提示文本、确认 / 取消双按钮。 典型场景提交前二次确认、删除警告、操作成功提示。无需新建页面轻量高效不破坏当前页面上下文是表单操作必备的反馈组件。页面路由 router实现多页面跳转单页面只能完成简单展示完整 App 必然包含多个页面路由 Router就是负责页面之间跳转、页面传值、页面返回的核心机制。 配合router_map.json路由配置文件我们可以实现从首页跳转到详情页、编辑页同时携带参数也可以回退上一页。分为命名路由与页面栈管理可以精准控制页面栈生命周期是多页面应用的必备技术。事件1. onClick 点击事件触发时机组件被鼠标 / 手指点击时执行多用于 Button 按钮、图片等可点击控件。 核心用途绑定点击业务逻辑例如按钮提交、页面跳转、文字重置、打开弹窗等是页面最常用的交互事件。Button(按钮) .onClick((){ // 点击后执行代码 })2. onChange 数值变更事件触发时机组件内部数值、选中状态、输入内容发生改变时自动执行不会受点击动作触发。 适用控件TextInput 输入框、Radio 单选框、Toggle 开关、Swiper 轮播等。输入文字、切换单选选项、拨动开关时实时捕获最新值实时校验内容、记录选中状态。TextInput() .onChange((value:string){ // 实时获取输入的内容 })二者核心区别onClick是人为点击动作触发onChange是组件内部数据变化触发。总结State是数据与视图联动的根基实现动态 UIonClick处理点击行为onChange监听数据变化覆盖绝大多数交互场景弹窗用于即时消息反馈路由负责多页面页面跳转。 以上知识点串联起来就可以结合之前的基础组件开发出具备完整交互逻辑、多页面结构的鸿蒙应用完成从静态页面到动态业务项目的进阶。