鸿蒙开发 - 初始ArkTs

众所周知，ArkTs是鸿蒙主力应用开发的语言，但是刚入门的小白肯定和我一样，对ArkTs一知半解，那么本期我们就一起来学习一下这个神秘的ArkTs吧~

一、什么是ArkTs?

ArkTs在TypeScript (简称TS)的基础上，匹配ArkUI框架，扩展了声明式UI、状态管理等相应的能力，让开发者以更简洁、更自然的方式开发跨端应用。

二、ArkTs的常用装饰器

@State装饰的变量是组件内部的状态数据，当状态数据被修改时，会自动进行UI刷新

2.2 自定义组件

系统是提供了丰富的基础组件和容器组件的，但是在进行UI开发时，为了提升开发和维护的效率，通常会将一些内置组件进行抽象，组合成自定义组件，方便在其他页面中林火高效地使用。这种开发者灵活创建的组件都被称为自定义组件。自定义组件的使用和内置组件一样，直接引用即可。

父组件：在一个组件中使用另一个组件的内容时，这个组件我们称之为父组件,比如PankPage;

子组件：被使用的组件，比如TitleComponent;

一个页面有且只能有一个@Entry，只有被Entry修饰的组件才能在页面上显示

2.3 自定义组件的生命周期

自定义组件的生命周期是指自定义组件从创建到销毁的过程，在这个过程中，系统提供了生命周期回调函数 aboutToAppear 和 aboutToDisappear，用于通知开发者该自定义组件所处阶段。

aboutToAppear：在创建自定义组件实例后到执行build函数之前执行，可以在 aboutToAppear 中对UI需要展示的数据进行初始化，或者申请定时器资源等等，这样在后续build操作中，可以使用这些数据和资源进行UI展示；

aboutToDisappear：在自定义组件实例被销毁时使用，可以在aboutToDisappear 中释放不在使用的资源，避免资源泄露；

自定义组件生命周期回调函数能够为我们在不同阶段操作自定义组件提供契机，方便实现业务逻辑。由于这些函数是私有的，系统会在特定环境下自动调用，是无法手动调用这些回调函数的。

三、渲染控制语法

通过渲染控制语法，我们可以更自由的绘制UI界面

3.1 条件渲染

3.2 ForEach

ForEach必须要有三个参数，

第一个参数：必须是个数组，提供循环渲染de数据源；

第二个参数：是子组件的生成函数，为数据源中的每个数据项生成子组件；

第三个参数：键值生成器，给数据项生成卫衣且稳定的键值；

四、状态管理

4.1 @State

4.2 @Link

4.3 综合