鸿蒙后代共享组件@Provide和@Consume双向绑定

jian11058

于 2024-08-08 17:15:57 发布

阅读量130

点赞数 2

文章标签： android linux 运维

本文链接：https://blog.youkuaiyun.com/jian11058/article/details/141031768

版权

@Entry
@Component
struct ProvideCase {

  @Provide num:number=100

  build() {
    Column(){
      Text('祖组件'+this.num)
      ParentItem()
    }
    .justifyContent(FlexAlign.Center)
    .height('100%')
    .width('100%')
  }
}

@Component
struct ParentItem {
  build() {
    Column(){
      Text('父组件')
      SonItem()
    }
  }
}

@Component
struct SonItem {

  @Consume num:number

  build() {
    Column(){
      Text('儿子组件'+this.num)
      Button('减')
        .onClick(()=>{
          this.num -=10
        })
    }
  }
}