目录

一、组件生命周期

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