HarmonyOS 怎么实现状态变量变化时，触发指定函数

参考示例如下：

// xxx.ets
import { window } from '@kit.ArkUI'
import { BusinessError } from '@kit.BasicServicesKit'

@Entry
@Component
struct ScrollExample {
  scroller: Scroller = new Scroller()
  @State testRowStr: string = '50%'
  @State widthDia: string = '50%'
  @StorageProp('name') @Watch('doUIState') name: string = ''
  @State UIState: number = 0

  aboutToAppear(): void {
    AppStorage.setOrCreate('name', '小明')
    console.log(`qwer ===From AppStorage ${this.name}`)
  }

  doUIState() {
    //按value的值，更新UIState
    if (this.name == '小明') {
      this.UIState = 0
    } else {
      this.UIState = 1
    }

  }

  build() {
    Column() {
      Column() {
        Text('更新性别')
          .fontSize(20)
          .onClick(() => {
            if (this.name == '小明') {
              AppStorage.setOrCreate('name', '小花')
            } else {
              AppStorage.setOrCreate('name', '小明')
            }
          })
        Text(this.UIState == 0 ? '男' : '女')
          .fontSize(20)
          .onClick(() => {
          })
      }.width('100%').height('100%').backgroundColor(Color.Orange)
      .backgroundColor(Color.Gray)
    }.width('100%').height('100%').backgroundColor(0xDCDCDC)
  }
}