#鸿蒙通关秘籍#怎样在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)
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.