5.4.2 页面的生命周期

每个小程序应用都有自己应用的生命周期，而小程序应用的每个页面也有自己页面的生命周期，在讲5.3节注册程序时，已经阐述了应用的生命周期，本小节将主要阐述页面的生命周期。

页面的生命周期和应用的生命周期略有不同，页面的生命周期如图5-7所示：

图5-7 页面生命周期

• onLoad: 页面加载

  一个页面只会调用一次。接收页面参数可以获取 wx.navigateTo 和 wx.redirectTo 及< navigator/> 中的 query。

• onShow: 页面显示

  每次打开页面都会调用一次。

• onReady: 页面初次渲染完成

  一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。对界面的设置（如wx.setNavigationBarTitle）请在 onReady 之后设置。

• onHide: 页面隐藏

  当 navigateTo 或底部 tab 切换时调用。

• onUnload: 页面卸载

  当进行 redirectTo 或 navigateBack 操作的时候调用。

在之前我们阐述过实例，那么，页面与实例的整体的交互流程和生命周期是怎么的呢？我们用图5-8加以说明：

图5-8 页面与实例的生命周期

从图5-8中可以看到，左边是视图层（.wxml与.wxss文件）右边是逻辑层（.js文件）。页面初始化后，在整个生命周期中持续进行相应的业务数据准备、数据表现、响应事件、数据保存等，直到页面销毁。