三、arkts基础知识

概念

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

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

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


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

组件的使用

生命周期

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

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

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

完整的生命周期:

渲染控制

组件通信

@component @Link

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

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

相关推荐
千逐6827 分钟前
《鸿蒙备忘录:基于 Flutter for OpenHarmony 的极简本地笔记应用全实现》
笔记·flutter·harmonyos
果粒蹬i33 分钟前
【HarmonyOS】鸿蒙Flutter智能家居应用开发实战指南
flutter·智能家居·harmonyos
盐焗西兰花9 小时前
鸿蒙学习实战之路-Reader Kit修改翻页方式字体大小及行间距最佳实践
学习·华为·harmonyos
lbb 小魔仙13 小时前
【HarmonyOS实战】React Native 表单实战:在 OpenHarmony 上构建高性能表单
react native·华为·harmonyos
一只大侠的侠16 小时前
React Native开源鸿蒙跨平台训练营 Day16自定义 useForm 高性能验证
flutter·开源·harmonyos
早點睡39017 小时前
高级进阶 React Native 鸿蒙跨平台开发:@react-native-community-slider 滑块组件
react native·react.js·harmonyos
一只大侠的侠17 小时前
Flutter开源鸿蒙跨平台训练营 Day11从零开发商品详情页面
flutter·开源·harmonyos
一只大侠的侠17 小时前
React Native开源鸿蒙跨平台训练营 Day18自定义useForm表单管理实战实现
flutter·开源·harmonyos
一只大侠的侠17 小时前
React Native开源鸿蒙跨平台训练营 Day20自定义 useValidator 实现高性能表单验证
flutter·开源·harmonyos
听麟18 小时前
HarmonyOS 6.0+ 跨端智慧政务服务平台开发实战:多端协同办理与电子证照管理落地
笔记·华为·wpf·音视频·harmonyos·政务