通过鸿蒙的api文档我们可以清晰的看到页面和组件定义，以及二者的关系
- 自定义组件：@Component装饰的UI单元，可以组合多个系统组件实现UI的复用。
- 页面：即应用的UI页面。可以由一个或者多个自定义组件组成，@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。
对于一个页面来说，都是有生命周期，页面的出现，页面的消失，页面的释放等等。
@Entry
@Component
struct LoginPage {
**页面每次显示时触发。**
onPageShow(){
}
**页面每次隐藏时触发一次**。
onPageHide(){
}
** 当用户点击返回按钮时触发**
onBackPress(){
}
}
只有@Entry装饰的组件生命周期，提供以上生命周期接口，你可以生命周期的回调处理逻辑。
当然对于一个组件来说，也是有生命周期的。
**组件即将出现时回调该接口，具体时机为在创建自定义组件的新实例后，在执行其build()函数之前执行。
**aboutToAppear() {
MediaQueryModel.register();
}
**在自定义组件即将析构销毁时执行。
**aboutToDisappear() {
MediaQueryModel.unRegister();
}
流程图如下：
