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

@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}岁`)
  }
}