鸿蒙ArkTS核心解析：组件化与状态管理实战

一、ArkTS 核心知识点解析

1. 组件化开发与装饰器

• @Entry 与 @Component
  @Entry标记应用的入口组件，每个应用至少有一个@Entry装饰的组件。@Component用于定义自定义组件，如代码中的MoodApp组件通过@Component声明，实现 UI 结构与逻辑的封装。
• 状态管理装饰器
  • @State：声明组件内的响应式状态，如moods（心情列表）、newMoodContent（输入内容）等，状态变化会触发 UI 重新渲染。
  • @Builder：用于定义可复用的 UI 构建函数，如DeleteButton方法通过@Builder封装删除按钮组件，提高代码复用性。

2. 数据模型与类型系统

• 接口定义
  使用 TypeScript 接口定义数据结构，如Mood接口规范心情记录的字段（id、content、date等），MoodIcon接口定义心情图标的元数据（id、name、color、icon），增强代码类型安全性。
• 数组与集合操作
  通过数组方法（如unshift、filter）实现数据增删，例如addMood方法中使用unshift