07-鸿蒙4.0学习之Watch装饰器

07-鸿蒙4.0学习之Watch装饰器

代码

/**
 * @Watch 修饰  状态数据  状态变量更改通知
 * 被监听的函数中，不要修改被监听的状态变量,会出现死循环，要操作的是其他的业务逻辑
 */
@Entry
@Component
struct WatchDct {
  @State message: string = 'Hello World'
  @Watch('change') @State  count: number = 1
  @State countOne: number = 1

  change() {
    // this.count = this.count+2 // 会无限循环
    this.countOne = this.countOne + 2
  }

  build() {
    Row() {
      Column() {
        Text(this.countOne.toString())
        Text(this.count.toString())
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        Button('自增')
          .onClick(() => {
            this.count++
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}