组件之间的数据同步，@State，@Prop，@Watch装饰器

DevEco Studio 版本：DevEco Studio NEXT Developer Preview2
HarmonyOS API 版本：4.1.0(11)

组件之间的数据同步，@State，@Prop，@Watch 装饰器

这里是一个使用的@State，@Prop，@Watch 装饰器做组件之间的数据同步的 demo。

父组件：

@Component
struct SearchResultPage {
  @State input: string = '';
  @State searchWord: string = ''

  aboutToAppear(): void {
    this.syncSearchWord(this.input)
  }

  build() {
    Column() {
      SearchDramaResultList({ searchWord: this.searchWord }).layoutWeight(1)
    }
    .width('100%')
    .height('100%')
  }

  syncSearchWord(keyword: string) {
    if (keyword == '') return;
    this.searchWord = keyword
  }
}

子组件：

@Component
export struct SearchDramaResultList {
  @Prop @Watch('requestData') searchWord: string;
  @State data?: SearchSeasonVo[] | null = null
  private vm = new SearchVM()
  // 需绑定列表或宫格组件
  private scroller: Scroller = new Scroller();

  aboutToAppear(): void {
    // request data.
    this.requestData()
  }

  requestData(propName: string) {
    console.log("requestData: searchWord=", this.searchWord, ",propName=", propName);
    // do data request with searchWord
  }
}