HarmonyOS 鸿蒙Next中页面间的数据共享

在HarmonyOS Next中，要实现B、C页面间共用组件D的数据同步，你当前的方法确实存在问题。组件D在每次页面切换时都会重新创建，导致状态重置。以下是几种更合适的解决方案：

1. 使用AppStorage（推荐）

这是跨组件/页面共享数据的最佳方式：

// 在公共模块或组件初始化时设置初始值
AppStorage.SetOrCreate<number>('sharedNum', 0);

// 组件D中使用
@Component
export struct ComD {
  @StorageLink('sharedNum') num: number = 0;

  build() {
    Column() {
      Text(`页面D${this.num}`)
      Button('增加').onClick(() => {
        this.num += 1; // 修改会自动同步到所有使用该StorageLink的地方
      })
    }
  }
}

2. 使用LocalStorage

如果共享范围仅限于特定页面树：

// 在页面A中创建并传递LocalStorage
@HMRouter({ pageUrl: 'ComA' })
@Component
export struct ComA {
  @State isChange: boolean = false
  storage: LocalStorage = new LocalStorage();

  aboutToAppear() {
    this.storage.setOrCreate('sharedNum', 0);
  }

  build() {
    Column() {
      Button('切换按钮').onClick(() => {
        this.isChange = !this.isChange;
      })

      if (this.isChange) {
        ComB({ storage: this.storage })
      } else {
        ComC({ storage: this.storage })
      }
    }
  }
}

// 组件D中使用
@Component
export struct ComD {
  @LocalStorageLink('sharedNum') num: number = 0;

  build() {
    Column() {
      Text(`页面D${this.num}`)
    }
  }
}

3. 使用单例模式管理状态

创建全局状态管理器：

// SharedStateManager.ts
export class SharedStateManager {
  private static instance: SharedStateManager;
  private _num: number = 0;
  
  private constructor() {}
  
  static getInstance(): SharedStateManager {
    if (!SharedStateManager.instance) {
      SharedStateManager.instance = new SharedStateManager();
    }
    return SharedStateManager.instance;
  }
  
  get num(): number {
    return this._num;
  }
  
  set num(value: number) {
    this._num = value;
  }
}

// 组件D中使用
@Component
export struct ComD {
  private sharedState = SharedStateManager.getInstance();
  @State num: number = this.sharedState.num;

  build() {
    Column() {
      Text(`页面D${this.num}`)
      Button('修改').onClick(() => {
        this.sharedState.num = 5;
        this.num = this.sharedState.num;
      })
    }
  }
}

问题分析

你当前代码的问题在于：

1. 每次切换B/C页面时，组件D都会重新实例化
2. aboutToAppear中的监听器在每次组件创建时都会设置num=1，但切换时组件销毁重建，状态丢失
3. 使用@State装饰的状态是组件实例私有的

推荐使用AppStorage方案，它专为跨组件状态共享设计，无需复杂的生命周期管理，数据修改会自动同步到所有相关组件。