三、arkts基础知识

概念

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

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

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


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

组件的使用

生命周期

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

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

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

完整的生命周期:

渲染控制

组件通信

@component @Link

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

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

相关推荐
xiaocao_10234 小时前
鸿蒙手机上使用的备忘录怎么导出来?
华为·智能手机·harmonyos
春卷同学6 小时前
打砖块 - Electron for 鸿蒙PC项目实战案例
android·electron·harmonyos
春卷同学9 小时前
Electron for鸿蒙PC开发的骰子游戏应用
游戏·electron·harmonyos
春卷同学9 小时前
Electron for 鸿蒙pc开发的二十一点游戏
游戏·electron·harmonyos
不老刘10 小时前
react native for OpenHarmony iconfont 图标不显示问题
react native·harmonyos·iconfont
汉堡黄•᷄ࡇ•᷅10 小时前
鸿蒙开发: 案例集合List:ListItem侧滑(删除、收藏)
harmonyos·鸿蒙·鸿蒙系统
春卷同学10 小时前
拼图游戏 - Electron for 鸿蒙PC项目实战案例
javascript·electron·harmonyos
春卷同学10 小时前
基于 Electron 开发的跨平台鸿蒙PC端数字猜谜游戏桌面应用
游戏·electron·harmonyos
盐焗西兰花10 小时前
鸿蒙学习实战之路 - 轮播图组件实现
学习·华为·harmonyos
ChinaDragon10 小时前
HarmonyOS:转场动画
harmonyos