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的时候调用。
