三、arkts基础知识

概念

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

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

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


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

组件的使用

生命周期

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

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

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

完整的生命周期:

渲染控制

组件通信

@component @Link

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

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

相关推荐
不爱吃糖的程序媛1 小时前
从 0 到 1:react-native-transformer-text-input 鸿蒙化适配实录
react native·transformer·harmonyos
不爱吃糖的程序媛1 小时前
React Native 三方库鸿蒙适配实战:react-native-emoji-popup(Fabric 自定义组件)从 0 到 1
react native·harmonyos·fabric
贾伟康1 小时前
【口算王|19】HarmonyOS ArkTS 回归测试实战:覆盖启动、空数据、异常输入和重复点击
软件测试·harmonyos·arkts·回归测试·hypium
贾伟康1 小时前
【句匠|09】HarmonyOS ArkTS 学习统计实战:汇总正确率、连续学习和薄弱类型
harmonyos·arkts·appstorage·学习统计·本地统计
贾伟康2 小时前
【口算王|17】HarmonyOS ArkTS 亮暗色与视觉令牌实战:集中颜色、间距和交互状态避免页面割裂
harmonyos·arkts·arkui·深色模式·ui设计
搬砖的kk2 小时前
从 0 到 1:react-native-screenshot-aware 鸿蒙适配实战(RNOH 0.84)
react native·华为·harmonyos
贾伟康2 小时前
【口算王|15】HarmonyOS ArkTS 本地状态持久化实战:让保存、删除和页面返回后的数据即时一致
harmonyos·arkts·数据持久化·状态管理·preferences
贾伟康2 小时前
【口算王|18】HarmonyOS ArkTS 权限与隐私实战:让 module.json5、功能说明和拒绝路径一致
harmonyos·arkts·权限管理·隐私合规·module.json5
ChinaDragonDreamer2 小时前
HarmonyOS:6.0 新增和增强特性
harmonyos·鸿蒙
Georgewu2 小时前
【HarmonyOS AI】 通用文字识别详解
harmonyos