三、arkts基础知识

概念

在ts基础上拓展了声明式ui

@component声明自定义组件,表示可以重复使用

@state 表示声明的变量在后续使用中,如果变量值改变,UI显示自动刷新。


一个页面只能有一个@Entry, 有@Entry页面才会显示。

组件的使用

生命周期

aboutToAppear 在创建实例后,build执行前使用;一般用于ui展示的数据进行初始化,也可以使用定时器;

aboutToDisappear 在自定义组件销毁时使用,释放资源,避免资源泄漏;

两者都是自动调用,无法手动调用。

完整的生命周期:

渲染控制

组件通信

@component @Link

@Link修饰的 变量,是在父组件中对其进行的初始化,必须进行引用才能进行初始化,通过" "进行创建引用,使父组件的变量 ' "进行创建引用,使父组件的变量` "进行创建引用,使父组件的变量'isRefreshData和子组件中的isRefreshData`进行双向数据绑定

自组件变量变化,父组件$绑定的变量也会随之改变;

相关推荐
安卓理事人1 小时前
鸿蒙启动后台服务运行
华为·harmonyos
小雨下雨的雨1 小时前
鸿蒙PC应用:工程结构解析与配置文件详解
ui·华为·harmonyos·鸿蒙系统
世人万千丶2 小时前
鸿蒙跨端框架 Flutter 学习 Day 3:性能进阶——Iterable 延迟加载与计算流的智慧
学习·flutter·ui·华为·harmonyos·鸿蒙·鸿蒙系统
夜雨声烦丿2 小时前
Flutter 框架跨平台鸿蒙开发 - 打造全能健康指数计算器,BMI/体脂率/热量/饮水一站式管理
flutter·华为·harmonyos
夜雨声烦丿2 小时前
Flutter 框架跨平台鸿蒙开发 - 打造实时汇率换算器,支持20+货币与离线模式
flutter·华为·harmonyos
世人万千丶3 小时前
鸿蒙跨端框架 Flutter 学习 Day 3:综合实践——多维数据流与实时交互实验室
学习·flutter·华为·交互·harmonyos·鸿蒙
世人万千丶3 小时前
鸿蒙跨端框架 Flutter 学习 Day 3:工程实践——数据模型化:从黑盒 Map 走向强类型 Class
学习·flutter·ui·华为·harmonyos·鸿蒙·鸿蒙系统
大雷神4 小时前
Harmony App 开发中Flutter 与鸿蒙原生交互传参教程
flutter·交互·harmonyos
安卓理事人5 小时前
鸿蒙的“官方推荐”架构MVVM
华为·架构·harmonyos
小雨青年5 小时前
鸿蒙 HarmonyOS 6 | 逻辑核心 (06):本地 关系型数据库 (RDB) 的 CRUD 与事务处理
数据库·华为·harmonyos