ArkUI的组件之间定义的变量可以互通，变量前面加@State@Prop@Link@Provide@Consume@Observed@ObjectLink等状态。

​

@Observed装饰器和@ObjectLink装饰器：嵌套类对象属性变化：

下一段代码中组件ViewB中b(对象)变化发生变化时，会通知ViewA 中a（对象）一起数据更新。

@Observed

class DateClass extends Date {

  constructor(args: number | string) {

    super(args)

  }

}

@Observed

class ClassB {

  public a: DateClass;

  constructor(a: DateClass) {

    this.a = a;

  }

}

@Component

struct ViewA {

  label: string = ‘date’;

  @ObjectLink a: DateClass;

  build() {

    Column() {

      Button(child increase the day by 1)

        .onClick(() => {

          this.a.setDate(this.a.getDate() + 1);

        })

      DatePicker({

        start: new Date(‘1970-1-1’),

        end: new Date(‘2100-1-1’),

        selected: this.a

      })

    }

  }

}

@Entry

@Component

struct ViewB {

  @State b: ClassB = new ClassB(new DateClass(‘2023-1-1’));

  build() {

    Column() {

      ViewA({ label: ‘date’, a: this.b.a })

      Button(parent update the new date)

        .onClick(() => {

          this.b.a = new DateClass(‘2023-07-07’);

        })

      Button(ViewB: this.b = new ClassB(new DateClass('2023-08-20')))

        .onClick(() => {

          this.b = new ClassB(new DateClass(‘2023-08-20’));

        })

    }

  }

}