HarmonyOS @Provider与@Consume的数据交互方式

@Component 
struct CompD { 
  // @Consume装饰的变量通过相同的属性名绑定其祖先组件CompA内的@Provide装饰的变量 
  @Consume reviewVotes: number; 
 
  build() { 
    Column() { 
      Text(`reviewVotes(${this.reviewVotes})`) 
      Button(`reviewVotes(${this.reviewVotes}), give +1`) 
        .onClick(() => this.reviewVotes += 1) 
    } 
    .width('50%') 
  } 
} 
 
@Component 
struct CompC { 
  build() { 
    Row({ space: 5 }) { 
      CompD() 
      CompD() 
    } 
  } 
} 
 
@Component 
struct CompB { 
  build() { 
    CompC() 
  } 
} 
 
@Entry 
@Component 
struct CompA { 
  // @Provide装饰的变量reviewVotes由入口组件CompA提供其后代组件 
  @Provide reviewVotes: number = 0; 
 
  build() { 
    Column() { 
      Button(`reviewVotes(${this.reviewVotes}), give +1`) 
        .onClick(() => this.reviewVotes += 1) 
      CompB() 
    } 
  } 
}
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.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.