onLoad()、onReady()、onShow()、onHide()、onUnload()五个页面生命周期函数，其分别是页面加载、就绪、渲染、隐藏、卸载时被调用。本文主要是对Page生命周期进行介绍，请主要关注生命周期函数，其他相关参数在后续会进行一一讲解。

Page中参数说明：

image.png

微信小程序的生命周期函数的概念

1 监听页面加载

onLoad: function (options) {},

一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。

2 监听页面初次渲染完成

onReady: function () {},

一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。

3 监听页面显示

onShow: function () {},

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

4 监听页面隐藏

onHide: function () {},

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

5 监听页面卸载

onUnload: function () {},

当redirectTo或navigateBack的时候调用。

微信小程序的 app.js 中 独有的 函数

6 监听小程序初始化

onLaunch:function () {},

当小程序初始化完成时，会触发 onLaunch（全局只触发一次）

7 错误监听函数

onError:function () {},

当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息

测试生命周期的触发

• onLoad: 页面加载。
  1)一个页面只会调用一次。
  2)参数可以获取wx.navigateTo和wx.redirectTo及<navigator/>中的 query。
• onShow: 页面显示
  1)每次打开页面都会调用一次。
• onReady: 页面初次渲染完成
  1)一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。
  2)对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。
• onHide: 页面隐藏
  1)当navigateTo或底部tab切换时调用。
• onUnload: 页面卸载
  1)当redirectTo或navigateBack的时候调用。