HarmonyOS @State修饰@observed装饰的对象, 对象里的数组改变, 不会触发ui刷新

@Preview
@Component
export struct OvenDemePage {
  @State vm: VM = new VM([])

  aboutToAppear(): void {
    this.vm.push()
  }

  build() {
    NavDestination() {

      Column() {
        Text('click')
          .fontSize(50)
          .onClick(() => {
            this.vm.datas[0].title = 'ovnekjskdaljfa'
            this.vm.push()
          })
      }.height(Percent.P20)
      .justifyContent(FlexAlign.Center)

      List({ space: 10 }) {
        ForEach(this.vm.datas, (item: Item, index: number) => {
          ListItem() {
            JJJ({ data: item })
          }
        }, (item: Item, index: number) => index + "")
      }.layoutWeight(1)

    }.hideTitleBar(true)
    .onBackPressed(() => {
      DeepalRouter.pop()
      return true
    })
  }
}

@Preview
@Component
export struct JJJ {
  @ObjectLink data: Item
  build() {
    Text(this.data.title).fontSize(30)
  }
}

/**
 *
 */
@Observed
export class VM {
  datas: Item[] = []

  constructor(datas: Item[]) {
    this.datas = datas
  }


  push() {
    for (let i = 0; i < 10; i++) {
      this.datas.push(new Item(Math.random() + " title"))
    }
  }
}

/**
 * item
 */
@Observed
export class Item {
  title?: string
  constructor(title: string) {
    this.title = title
  }
}