HarmonyOS 鸿蒙Next ObjectLink Observed

可以参考如下demo：

[@Observed](/user/Observed)

export class Person {

public name: string;

public age: number = 0;

public address: Address

constructor(name: string, age: number, address: Address) {

this.name = name;

this.age = age;

this.address = address;

}

}

[@Observed](/user/Observed)

export class Address {

public name: string;

public num: number = 0

constructor(name: string, num: number) {

this.name = name;

this.num = num;

}

}



[@Component](/user/Component)

struct Child {

[@ObjectLink](/user/ObjectLink) person: Person

build() {

Column() {

Text(`${this.person.name}`)

Text(`${this.person.age}`)

Child2({ address: this.person.address})

}

}

}

[@Component](/user/Component)

struct Child2 {

[@ObjectLink](/user/ObjectLink) address: Address

build() {

Column() {

Text(`${this.address.name}`)

Text(`${this.address.num}`)

}

}

}



[@Entry](/user/Entry)

[@Component](/user/Component)

struct Index {

[@State](/user/State) address: Address = new Address("广州", 1)

[@State](/user/State) person: Person = new Person("tom", 18, this.address)

build() {

Row() {

Column() {

Child({ person: this.person })

Button("change person name")

.onClick(() => {

this.person.name = "admin"

})

Button("change person age")

.onClick(() => {

this.person.age = 20

})

Button("chenge person address name")

.onClick(() => {

this.person.address.name = "深圳"

})

Button("change person address num")

.onClick(() => {

this.person.address.num = 2

})

}

}

}

}