一、自定义组件和页面的关系

二、组件生命周期

用@Component装饰的自定义组件的生命周期。

三、页面生命周期

用@Entry装饰的组件生命周期。

四、自定义组件的创建和渲染流程

1. 自定义组件的创建：自定义组件的实例由ArkUI框架创建。
2. 初始化自定义组件的成员变量：通过本地默认值或者构造方法传递参数来初始化自定义组件的成员变量，初始化顺序为成员变量的定义顺序。
3. 如果开发者定义了aboutToAppear，则执行aboutToAppear方法。
4. 在首次渲染的时候，执行build方法渲染系统组件，如果子组件为自定义组件，则创建自定义组件的实例。在首次渲染的过程中，框架会记录状态变量和组件的映射关系，当状态变量改变时，驱动其相关的组件刷新。
5. 如果开发者定义了onDidBuild，则执行onDidBuild方法。

五、自定义组件重新渲染

1. 框架观察到了变化，将启动重新渲染。
2. 根据框架持有的两个map（自定义组件的创建和渲染流程中第4步），框架可以知道该状态变量管理了哪些UI组件，以及这些UI组件对应的更新函数。执行这些UI组件的更新函数，实现最小化更新。

六、自定义组件的删除

1. 在删除组件之前，将调用其aboutToDisappear生命周期函数，标记着该节点将要被销毁。ArkUI的节点删除机制是：后端节点直接从组件树上摘下，后端节点被销毁，对前端节点解引用，前端节点已经没有引用时，将被JS虚拟机垃圾回收。
2. 自定义组件和它的变量将被删除，如果其有同步的变量，比如@Link、@Prop、@StorageLink，将从同步源上取消注册。

注意： 不建议在生命周期aboutToDisappear内使用async await，这个行为阻止了自定义组件的垃圾回收。

七、自定义组件及页面生命周期的其他用法

自定义组件及页面生命周期的其他用法大家可以参考自定义组件及页面生命周期官方文档进行系统学习。

八、小结

本章言简意赅的为大家介绍了自定义组件及页面生命周期，下一章，为大家介绍ArkTs的网络技术应用。最后，创作不易，如果大家觉得我的文章对学习鸿蒙有帮助的话，就动动小手，点个免费的赞吧！收到的赞越多，我的创作动力也会越大哦，谢谢大家🌹🌹🌹！！！