三、arkts基础知识

概念

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

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

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


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

组件的使用

生命周期

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

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

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

完整的生命周期:

渲染控制

组件通信

@component @Link

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

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

相关推荐
HwJack2014 分钟前
HarmonyOS APP开发玩透 ArkTS 并发编程
华为·harmonyos
前端不太难1 小时前
鸿蒙 App 架构升级:从页面到 System
架构·状态模式·harmonyos
IntMainJhy1 小时前
Flutter 三方库 image_cropper + flutter_image_compress 的鸿蒙化适配与实战指南
flutter·华为·harmonyos
IntMainJhy2 小时前
Flutter 三方库 flutter_local_notifications 的鸿蒙化适配与实战指南
flutter·华为·harmonyos
李李李勃谦2 小时前
基于鸿蒙PC多窗口特性的笔记管理工具开发实践
笔记·华为·harmonyos
小雨青年2 小时前
鸿蒙 HarmonyOS 6 | Swiper滑动状态变化事件回调开发实战续篇
华为·harmonyos
Hello__77772 小时前
开源鸿蒙 Flutter 实战|用户详情页布局优化与字体大小调节功能全流程实现
flutter·开源·harmonyos
IntMainJhy3 小时前
Flutter 三方库 url_launcher + link_preview 的鸿蒙化适配与实战指南
flutter·华为·harmonyos
心走3 小时前
记录鸿蒙相机输出预览流报错问题(CAMERA_SERVICE_FATAL_ERROR)
harmonyos
jiejiejiejie_4 小时前
自定义导航栏组件
flutter·华为·harmonyos