组件生命周期简介

组件生命周期包括：onPageShow,onPageHide,onBackPress,aboutToAppear,aboutToDisappear五个状态。流程如下图:

注意:以下展示的生命周期钩子都是被@Entry装饰器装饰的组件生命周期

• onPageShow：页面每次显示时触发。
• onPageHide：页面每次隐藏时触发一次。
• onBackPress：当用户点击返回按钮时触发。

注意:以下展示的生命周期钩子都是被@Component装饰的自定义组件生命周期

• aboutToAppear：组件即将出现时回调该接口，具体时机为在创建自定义组件的新实例后，在执行其build()函数之前执行。
• aboutToDisappear：在自定义组件即将析构销毁时执行。

实例代码

  aboutToAppear(){console.log("组件即将出现时回调该接口");}onPageShow(){console.log("页面显示");}onPageHide(){console.log("页面隐藏");}onBackPress(){console.log("当用户点击返回按钮时触发");}aboutToDisappear(){console.log("自定义组件即将析构销毁");}build(){Column(){TitleBar({titleBarAttribute: {title: "组件生命周期",backShow: true,backCallback: () => {router.back()}},}) {}Column(){Text("组件生命周期")}.justifyContent(FlexAlign.Center).height("100%")}}

运行结果:

✨$踩坑不易，还希望各位大佬支持一下$

📃 $个人主页：$ 沉默小管

📃 $个人网站：$ 沉默小管

📃 $个人导航网站：$ 沉默小管导航网

📃 $我的开源项目：$ vueCms.cn

🔥 $技术交流QQ群：837051545$

👍 $点赞，你的认可是我创作的动力！$

⭐️ $收藏，你的青睐是我努力的方向！$

✏️ $评论，你的意见是我进步的财富！$

如果有不懂可以留言，我看到了应该会回复
如有错误，请多多指教