三、Harmony OS 之 ArkTS基本组成

1.认识结构

 带@符号：在鸿蒙开发中叫做“装饰器”，具有某种功能。

struct：自定义组件。

@state：内容改变了，重新渲染编辑器。

内置组件：官方提供的组件，拿来就可以用。

属性方法：对组件进行样式处理的。

事件方法：用来处理业务逻辑的。

2.跳转

2.1 创建新页面

 

 2.2 创建First页面

import router from '@ohos.router'
@Entry
@Component
struct First {
  build() {
      Column() {
        Text('HarmonyOS4.0')
          .fontSize(30)
          .fontWeight(FontWeight.Bold)
        Button('点击')
          .width('50%')
          .height('5%')
          .onClick(()=>{
            //跳转第二个页面
            router.pushUrl({
              url:'pages/Second'
            })
          })
      }
      .width('100%').height('100%')
  }
}

2.3 创建Second页面

import router from '@ohos.router'
@Entry
@Component
struct Second {


  build() {
    Column() {
      Text('ArkTS')
        .fontSize(50)
      Button('返回')
        .width('50%')
        .height('5%')
        .onClick(()=>{
          router.back()
        })
    }
    .width('100%').height('100%')
  }
}

2.4 路由