目录
一、组件生命周期
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 |