《鸿蒙第一行代码》第十三课 状态管理Watch

《鸿蒙第一行代码》第十三课 状态管理Watch

@Watch('xxx') 关键字 其中xxx是你定义监听变量，如果@State的值变了，会触发xxx方法，如果不变，是不会触发的

总结： 用@Component定义的组件，都需要定义状态接收才能刷新ui

简单示例代码：

@Entry
@Component
struct Watch_Modifier {
  @State @Watch('updateMessage') message: string = 'Hello World'

  updateMessage(){
    promptAction.showToast({
      message:'我监听到了修改为'+this.message
    })
  }

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        Button('点击修改')
          .onClick(() => {
            this.message = '233'
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}

《鸿蒙第一行代码》项目代码结构图：

有需要《鸿蒙第一行代码》项目源码的私信我，我每天都看私信的