美文网首页
鸿蒙开发-Provide使用

鸿蒙开发-Provide使用

作者: 激扬飞雪 | 来源:发表于2024-05-21 00:03 被阅读0次
    @Entry
    @Component
    struct ProvideCase {
      @State message: string = 'Hello World'
      @Provide money: number = 10000
      build() {
        Row() {
          Column() {
            Text(`root组件money:${this.money}`).fontSize(30)
            Divider().strokeWidth(6).color(Color.Green)
            Father()
          }
          .width('100%')
        }
        .height('100%')
      }
    }
    
    @Component
    struct Father {
      @Consume money: number
      build() {
        Column() {
          Text(`father组件money:${this.money}`).fontSize(30)
            .onClick(() => {
              this.money += 10
            })
          Divider().strokeWidth(6).color(Color.Red)
          Son()
        }
      }
    }
    
    @Component
    struct Son {
      @Consume money: number
      build() {
        Text(`Son组件money:${this.money}`).fontSize(30)
          .onClick(() => {
            this.money = this.money - 10
          })
      }
    }
    
    image.png

    相关文章

      网友评论

          本文标题:鸿蒙开发-Provide使用

          本文链接:https://www.haomeiwen.com/subject/sswofjtx.html