Harmony装饰器

1、装饰器

装饰器是用于装饰类、结构、方法以及变量，并赋予其特殊的含义。如：

• @Component表示自定义组件
• @Entry表示该自定义组件为入口组件
• @State表示组件中的状态变量，状态变量变化会触发UI刷新。

2 、语法范式

• @Builder/@BuilderParam：特殊的封装UI描述的方法，细粒度的封装和复用UI描述，如抽取组件。

build() {
    Column() {
      Scroll() {
        Column() {
          this.LoginButton()
      }
    }
    .width(Constants.MATCH_PARENT)
    .backgroundColor($r('app.color.app_background'))
    .padding(15)
  }
  
  @Builder LoginButton() {
    Button($r('app.string.login'))
      .width(Constants.MATCH_PARENT)
      .height(40)
      .borderRadius(20)
      .fontSize(16)
      .margin({ top: 50 })
      .fontWeight(500)
      .enabled(true)
      .fontColor(Color.White)
      .backgroundColor($r('app.color.blue'))
      .onClick(() => {
       
      })
  }

• @Exte