1# 生命周期
2
3
4## 应用生命周期
5
6在app.js中可以定义如下应用生命周期函数：
7
8| 属性      | 类型       | 描述     | 触发时机           |
9| --------- | ---------- | -------- | ------------------ |
10| onCreate  | () => void | 应用创建 | 当应用创建时调用。 |
11| onDestroy | () => void | 应用销毁 | 当应用退出时触发。 |
12
13## 页面生命周期
14
15在页面JS文件中可以定义如下页面生命周期函数：
16
17> **说明：** 请注意不要在生命周期函数中执行复杂耗时操作，以避免影响页面切换性能
18
19| 属性      | 类型       | 描述         | 触发时机                               |
20| --------- | ---------- | ------------ | -------------------------------------- |
21| onInit    | () => void | 页面初始化   | 页面数据初始化完成时触发，只触发一次。 |
22| onReady   | () => void | 页面创建完成 | 页面创建完成时触发，只触发一次。       |
23| onShow    | () => void | 页面显示     | 页面显示时触发。                       |
24| onHide    | () => void | 页面消失     | 页面消失时触发。                       |
25| onDestroy | () => void | 页面销毁     | 页面销毁时触发。                       |
26
27页面A的生命周期接口的调用顺序：
28
29- 打开页面A：onInit() -> onReady() -> onShow()
30- 在页面A打开页面B：onHide() -> onDestroy()
31- 从页面B返回页面A：onInit() -> onReady() -> onShow()
32- 退出页面A：onHide() -> onDestroy()
33- 页面隐藏到后台运行：onHide()
34- 页面从后台运行恢复到前台：onShow()
35
36![img](figures/lifecycle.png)