组件生命周期详解

1. 生命周期回调

@Component
struct MyComponent {
  aboutToAppear() {
    console.log('组件即将出现')
    // 初始化数据
  }

  aboutToDisappear() {
    console.log('组件即将消失')
    // 清理资源
  }

  onBackPress(): boolean {
    console.log('返回键按下')
    return true  // true 拦截返回
  }

  build() {
    Text('Hello')
  }
}

2. 生命周期顺序

组件创建 → aboutToAppear → build() → 组件显示
                                         ↓
组件销毁 ← aboutToDisappear ← 组件隐藏

3. UIAbility 生命周期

4. KeepAlive 组件

// 使用 if 控制显示/隐藏而非销毁/重建
@State show: boolean = true

build() {
  if (this.show) {
    MyComponent()  // 创建
  }
  // show 变为 false 时触发 aboutToDisappear
}