HarmonyOS 开发基础（一） Helloworld 运行及基础认识

1、 Helloworld 简单结构认识

简单案列代码结构认识
补充

2、原码及运行效果

在预览区域点击‘Hello world’，会刷新变为‘Hello ArkTs’
即：状态变量的变更驱动页面自动刷新

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
          .fontColor('#36D')
          .onClick(()=>{
            this.message = 'Hello ArkTs'
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}

效果动图