HarmonyOS应用开发-ArkTS页面和自定义组件生命周期

前言

上一篇文章我们介绍了 《自定义组件的结构、函数、变量、参数规定》 现在我们系统的看看 ArkTS页面和自定义组件生命周期 的实现流程步骤

本篇文章主要是玩玩生命周期,本次主要分成组件生命周期和页面的生命周期

页面的生命周期: 只有被@Entry装饰的组件才可以调用页面的生命周期

自定义组件的生命周期: 只有被@Component装饰的自定义组件的生命周期

生命周期接口

@Entry

• onPageShow：页面每次显示时触发。onPageShow() { console.info('页面渲染完毕..加载'); }

  

• onPageHide：页面每次隐藏时触发一次。onPageHide() { this.textColor = Color.Transparent; console.info('生命周期 页面隐藏'); }

  

• onBackPress：当用户点击返回按钮时触发。onBackPress() { this.textColor = Color.Red; console.info('生命周期 页面返回'); }

  

• aboutToAppear：aboutToAppear函数在创建自定义组件的新实例后，在执行其build()函数之前执行。允许在aboutToAppear函数中改变状态变量，更改将在后续执行build()函数中生效。aboutToAppear() { console.log("组件实例创建完毕..."); }

  

  ponent 生命周期,也允许
• aboutToDisappear：在自定义组件即将析构销毁时执行。aboutToDisappear() { console.log("销毁组件"); }生命周期流程图

  

  件句柄被触发（比如设置了点击事件，即触发点击事件）改变了状态变量时，或者LocalStorage / AppStorage中的属性更改，并导致绑定的状态变量更改其值时：