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

目录

一、组件生命周期

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

猜你喜欢

转载自blog.csdn.net/m0_52578688/article/details/125071443