HarmonyOS 鸿蒙Next：Observed 一个 class，其中有个 数组，修改数组 UI 不变化

HarmonyOS 鸿蒙Next：Observed 一个 class，其中有个 数组，修改数组 UI 不变化

我是根据教程 MVVM 的例子，在写代码。https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-mvvm-V5#%E4%BB%A3%E7%A0%81%E7%A4%BA%E4%BE%8B

做到最后，把planList 拿了出去，创建了一个类。这个例子还是没问题的。

我自己，多加了一个按钮，在点击 Add 的时候，给 数组里继续 push 字符串，这时候 UI 就不变化了。

但是如果直接用 [@State](/user/State) planList: string[] = [...] 这样是OK的。

请教大家这个要怎么处理？才能让 Observed 和 State 生效。

[@Observed](/user/Observed)
export class TodoListData {
  public planList: string[] = [
    '7.30 起床',
    '8.30 早餐',
    '11.30 中餐',
    '17.30 晚餐',
    '21.30 夜宵',
    '22.30 洗澡',
    '1.30 起床'
  ];
}
 

[@State](/user/State) private data: TodoListData = new TodoListData()
....
List() {
        ForEach(this.data.planList, (item: string) => {
          ThingsComponent({ isFinished: this.isFinished, things: item }).margin({ top: 5 })
        })
      }
...
Button("Add")
          .margin({ top: 10 })
          .onClick(() => {
            if (this.newPlan) {
              this.data.planList.push(this.newPlan)
              this.newPlan = ''
            }
          })