鸿蒙系统的状态和事件

一、状态

1. @State 状态装饰器

作用： 修饰页面内变量为响应式状态变量：变量值一旦修改，页面绑定该变量的 UI 组件会自动刷新，实现数据驱动界面

适用场景 ：登录账号密码输入、开关状态、计数、表单数据双向绑定。

2. 弹窗 两类弹窗 API

1. 轻提示 Toast：promptAction.showToast()，短暂弹出文字提示（登录成功 / 输入为空提醒）

2. 确认弹窗 AlertDialog：弹出带确认 / 取消按钮的对话框，用于二次确认操作

3. 路由 router（页面跳转）

作用： 实现多页面之间互相跳转、返回上一页，是多页面项目核心 API。

核心方法 1. router.pushUrl({url:"页面路径"})：跳转到新页面，保留上一页 2. router.back()：返回上一页

配套练习文件：

• 专项路由案例：RouterDemo.ets

• 多页面跳转示例：Index.ets、Index2.ets、PageOne.ets、Second.ets

适用场景: 首页点按钮跳登录页、登录页跳注册页、返回首页

4. 事件回调：onChange ()

作用 :监听输入类组件内容变化，每次输入内容改变就触发回调函数，常和@State变量配合实现双向绑定。

常用组件：TextInput 输入框、Toggle 开关、Slider 滑动条

5. 事件回调：onClick ()

作用 :监听组件点击操作，点击时执行内部代码逻辑，是最常用交互事件。

常用组件：Button 按钮、可点击 Text 文字、Image 图片

典型用途 :页面路由跳转、弹窗提示、数值增减、登录校验。