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

目录

一、组件生命周期

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
errorObject Error每当组件方法抛出错误时执行2.4.1

2.定义组件的生命周期

(1)放在lifetimes函数里面。(优先级高)

(2)无lifetimes函数,直接定义在 Component 构造器的第一级参数中。

二、页面生命周期

1.页面生命周期函数

属性类型默认值必填说明
onLoadfunction当页面加载完毕后触发
onReadyfunction当页面初次渲染完成后触发
onShowfunction当页面显示完毕后触发
onHidefunction当页面隐藏后触发
onUploadfunction当页面卸载后触发
onPullDownRefreshfunction监听用户下拉动作
onReachBottomfunction页面上拉触底事件的处理函数
onShareAppMessagefunction用户点击右上角分享触发的事件

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

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

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

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

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

1.生命周期函数

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值