软件教程 2025年08月6日
0 收藏 0 点赞 500 浏览 705 个字
摘要 :

本文主要讲解关于harmonyos:页面和组件的关系,以及页面的生命周期相关内容,让我们来一起学习下吧! 通过鸿蒙的api文档我们可以清晰的看到页面和组件定义,以及二者的……

本文主要讲解关于harmonyos页面组件关系以及页面的生命周期相关内容,让我们来一起学习下吧!

通过鸿蒙的api文档我们可以清晰的看到页面和组件定义,以及二者的关系

  • 自定义组件:@Component装饰的UI单元,可以组合多个系统组件实现UI的复用。
  • 页面:即应用的UI页面。可以由一个或者多个自定义组件组成,@Entry装饰的自定义组件为页面的入口组件,即页面的根节点,一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。

对于一个页面来说,都是有生命周期,页面的出现,页面的消失,页面的释放等等。

@Entry
@Component
struct LoginPage {
//页面每次显示时触发。
  onPageShow(){

  }
//页面每次隐藏时触发一次
  onPageHide(){

  }
//当用户点击返回按钮时触发
 onBackPress(){

 }

 }

只有@Entry装饰的组件生命周期,提供以上生命周期接口,你可以生命周期的回调处理逻辑。

当然对于一个组件来说,也是有生命周期的。

//组件即将出现时回调该接口,具体时机为在创建自定义组件的新实例后,在执行其build()函数之前执行。
aboutToAppear() {
  MediaQueryModel.register();
}
//在自定义组件即将析构销毁时执行。
aboutToDisappear() {
  MediaQueryModel.unRegister();
}

流程图如下:

harmonyos开发页面和组件的关系,以及页面的生命周期

以上就是关于harmonyos:页面和组件的关系,以及页面的生命周期相关的全部内容,希望对你有帮助。欢迎持续关注潘子夜个人博客(www.panziye.com),学习愉快哦!

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.zuozi.net/6567.html

管理员

相关推荐
2025-08-06

文章目录 一、Promise基础回顾 二、Promise 与 axios 结合使用场景及方法 (一)直接返回 axios …

269
2025-08-06

文章目录 一、模块初始化时的内部机制 二、常见导出写法的差异分析 (一)写法一:module.exports…

107
2025-08-06

文章目录 一、ResizeObserver详解 (一)ResizeObserver是什么 (二)ResizeObserver的基本用法 …

683
2025-08-06

文章目录 一、前期准备工作 (一)下载相关文件 (二)安装必要工具 二、处理扣子空间生成的文件…

338
2025-08-06

文章目录 一、官方文档 二、自动解包的数据类型 ref对象:无需.value即可访问 reactive对象:保持…

371
2025-08-06

文章目录 一、Hooks的工作原理 二、在if语句中使用Hook会出什么岔子? 三、React官方的Hook使用规…

843
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:08:00-23:00

客服QQ

122325244

客服电话

400-888-8888

客服邮箱

122325244@qq.com

扫描二维码

关注微信客服号