#鸿蒙通关秘籍#如何在ArkTS中实现子组件通过@Link实现与父组件的双向数据绑定？

在ArkTS中，使用@Link可以在子组件中定义一个可与父组件进行双向数据绑定的变量。以下是一个简单的实现示例：

// 父组件
@Entry
@Component
struct Parent {
  @State value: string = '' // 输入内容

  build() {
    Column({ space: 20 }) {
      Text(`输入框的值为：${this.value}`)
      Child({ value: this.value })
    }.padding(20)
  }
}

// 子组件
@Component
struct Child {
  @Link value: string // 输入内容

  build() {
    // 输入框
    TextInput({ text: this.value })
      .onChange((newValue: string) => { // 监听输入事件
        this.value = newValue
      })
  }
}