#鸿蒙通关秘籍#如何通过@Provide和@Consume装饰器在HarmonyOS中实现跨层级的组件通信？

// 祖先组件
@Component
struct AncestorComponent {
  @Provide sharedResource: string = 'shared value'

  build() {
    IntermediateComponent()
  }
}

// 中间组件
@Component
export struct IntermediateComponent {
  build() {
    DescendantComponent()
  }
}

// 后代组件
@Component
export struct DescendantComponent {
  @Consume sharedResource: string

  build() {
    Text(this.sharedResource)
      .onClick(() => {
        this.sharedResource = 'Modified by Descendant'
      })
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.