#鸿蒙通关秘籍#如何利用@Prop和@Link在ArkTS中传递和绑定子组件输入数据？

可以通过@Prop传递初始数据，并使用@Link进行数据的双向绑定：

// 父组件
@Entry
@Component
struct Parent {
  @State city: string = '上海'

  build() {
    Column({ space: 20 }) {
      Child({ city: this.city })
      Button('定位').onClick(() => {
        this.city = '深圳'
      })
    }
  }
}

// 子组件
@Component
struct Child {
  @Prop city: string = '北京' // 默认值北京
  build() {
    Column({ space: 10 }) {
      Text(`当前所处城市：${this.city}`).fontSize(20)
    }
  }
}