在同一组件内，组件和变量如何建立双向绑定？

没发现有专门的这类装饰器，但发现了其他方法，例如TextInput组件，

1.先声明变量，

@State text: string = ''

​

2.然后在组件的onChange事件中刷新变量，

​.onChange((value: string) =>

this.text = value

})

例如：

TextInput({text:this.text,placeholder:'input your word...',controller:this.controller

.placeholderColor(Color.Grey)

.placeholderFont({size:14,weight:400})

.caretColor(Color.Blue)

.width('95%')

.height(40)

.margin(20)

.fontSize(14)

.fontColor(Color.Black)

.inputFilter('[a-z]', (e) =>

console.log(JSON.stringify(e))

})

.onChange((value: string) =>

this.text = value

})

需要使用@State装饰器，组件变化，变量跟着变化；变量变化，组件跟着变化；

例如：

@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
      })
  }.width('100%')
  .height("100%")
  .justifyContent(FlexAlign.Center)
}