页面生命周期
收藏
我的收藏

生命周期流程

下图说明了页面 Page 实例的生命周期。

页面的生命周期回调函数包括 onLoad，onShow，onReady，onHide，onUnload。

页面初始化时触发。一个页面只会调用一次。 query 来源于 tt.navigateTo 和 tt.redirectTo 等接口 url 字段的参数部份（例如：path?key1=value1&key2=value2）。基础库会将该部份字符串内容解析为 Object。

页面显示/切入前台时触发。该时机不能保证页面渲染完成，如有页面/组件元素相关操作建议在 onReady 中处理（如 tt.createVideoContext 等与页面元素相关联的API调用）。

页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。对界面的设置，如 tt.setNavigationBarTitle 请在 onReady 之后设置。

页面隐藏/切入后台时触发。如tt.navigateTo到其他页面或底部 tab 切换等。

页面卸载时触发。如tt.redirectTo或 tt.navigateBack 到其他页面等。