组件生命周期与页面生命周期详解

目录

一、组件生命周期

1.组件的生命周期为：

2.定义组件的生命周期

二、页面生命周期

1.页面生命周期函数

三、组件所在页面的生命周期

1.生命周期函数

---

一、组件生命周期

组件生命周期指的是组件自身的一些函数，这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。

1.组件的生命周期为：

生命周期	参数	描述	最低版本
created	无	组件实例刚刚被创建时执行	1.6.3
attached	无	在组件实例进入页面节点树时执行	1.6.3
ready	无	在组件在视图布局完成后执行	1.6.3
moved	无	在组件实例被移动到节点树另一个位置时执行	1.6.3
detached	无	在组件实例被从页面节点树移除时执行	1.6.3
error	Object Error	每当组件方法抛出错误时执行	2.4.1

2.定义组件的生命周期

（1）放在lifetimes函数里面。（优先级高）

（2）无lifetimes函数，直接定义在 Component 构造器的第一级参数中。

二、页面生命周期

1.页面生命周期函数

属性	类型	默认值	必填	说明
onLoad	function	无	否	当页面加载完毕后触发
onReady	function	无	否	当页面初次渲染完成后触发
onShow	function	无	否	当页面显示完毕后触发
onHide	function	无	否	当页面隐藏后触发
onUpload	function	无	否	当页面卸载后触发
onPullDownRefresh	function	无	否	监听用户下拉动作
onReachBottom	function	无	否	页面上拉触底事件的处理函数
onShareAppMessage	function	无	否	用户点击右上角分享触发的事件

页面生命周期与组件生命周期的执行顺序：

组件--在组件实例进入页面节点树时执行 页面---监听页面加载 组件--页面被展示 页面---监听页面显示 页面---监听页面初次渲染完成；

组件生命周期与页面生命周期的区别

页面生命周期是小程序被使用和关闭就代表这个周期的开始与结束，它是入口文件所使用的的，而组件生命周期从结构上看微信所有的页面都是存放在pages文件夹，页面代码中指定了初始数据，生命周期回调、事件处理函数等等

三、组件所在页面的生命周期

1.生命周期函数

生命周期	参数	描述	最低版本
show	无	组件所在页面被展示时执行	2.2.3
hide	无	组件所在的页面被隐藏时执行	2.2.3
resize	Object Size	组件所在的页面尺寸变化时执行	2.4.0