#鸿蒙通关秘籍#怎样在ArkTS中使用@Watch装饰器监听状态变量的变化？

在ArkTS中使用@Watch装饰器可以监听状态变量的变化并触发回调：

@Entry
@Component
struct Demo {
  private price: number = 10 // 单价
  @State @Watch('onCountChange') count:number = 1 // 数量
  @State total: number = 10 // 总价

  // 数量变化监听
  onCountChange() {
    total = price * count
  }

  build() {
    Column({ space: 20 }) {
      Text(`单价：￥${price}`)
      Text(`数量：x${count}`)
      Text(`总价：￥${total}`)
      Button('数量+1').onClick(() => {
        count++
      })
    }.padding(20).alignItems(HorizontalAlign.Start)
  }
}