父组中变量值改变，如何让子组件中的值跟着一起变化？

@Component
@Preview
export struct Father {
  @State age: number = 20

  build() {
    Column({ space: 15 }) {
      //点击前显示年龄为20岁
      Text(`年龄${this.age}岁`)
        .width(100)
        .height(40)
        .textAlign(TextAlign.Center)
        .onClick(() => {
          //点击后，将age改为30，Text显示也变为30
          this.age = 30
        })
      Child({ age: this.age })
    }.width('100%')
    .height("100%")
    .justifyContent(FlexAlign.Center)
  }
}

@Component
export struct Child {
  @Prop age: number
  build() {
    Text(`年龄${this.age}岁`)
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.