HarmonyOS 鸿蒙Next 无法动态修改定义对象中的数据

Class属性修改无法被UI直接观测到，想要观测有两种实现方法：

1、@ObservedV2修饰需要观测的类，@Trace修饰类中需要观测的属性，在组件内使用@State修饰需要观测的对象

2、@Observed修饰需要观测的类，@Track修饰类中需要观测的属性，在组件内使用@State修饰需要观测的对象

注意：V1和V2状态管理混用有限制，混用规则参考

这里根据楼主demo以第1种方案的实现：

@ObservedV2
export class ShopCartTableItem {
  @Trace id: number = -1;
  @Trace guigeid: number = -1;
  @Trace num: number = -1;
}

@Entry
@Component
struct Index {
  @State datas: Array<ShopCartTableItem> = []
  aboutToAppear(): void {
    this.addData(1, 1, 1);
    this.addData(2, 2, 2);
    this.addData(3, 3, 3);
    this.addData(4, 4, 4);
  }
  build() {
    Column() {
      Button('修改')
        .onClick(() => {
          this.datas[0].id=2 //这里任意修改对象中的数据，页面显示不改变，该怎么做？
        })
      Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center }) {
        Column() {
          ForEach(this.datas, (item: ShopCartTableItem, index: number) => {
            Text(item.id.toString()+'——'+item.guigeid.toString()+'——'+item.num.toString())
          })
        }.width('100%').height('100%')
        .layoutWeight(1)
      }
      .height('100%')
      .width('100%')
    }
  }

  addData(id: number, guigeid: number, num: number) {
    const newItem = new ShopCartTableItem();
    newItem.id = id;
    newItem.guigeid = guigeid;
    newItem.num = num;
    this.datas.push(newItem);
  }
}