uniapp的生命周期

目录

一、应用生命周期   只能在 App.vue 里执行

1、onLaunch

2、onShow 

3、onHide 

二、页面生命周期

1、onLoad  监听页面加载

2、onReady 

3、onShow  监听页面显示

4、onHide  监听页面隐藏

5、onUnload  监听页面卸载

扫描二维码关注公众号,回复: 14556243 查看本文章

三、组件生命周期

1、beforeCreate 

2、created  

3、mounted  

4、destroyed 

四、其它生命周期

1、onPullDownRefresh

2、onReachBottom

3、onShareAppMessage

4、onPageScroll

5、onTabItemTap

注意


创建 初始化 挂载 销毁

一、应用生命周期   只能在 App.vue 里执行

1、onLaunch

应用初始化完成触发一次,全局只触发一次(登录 全局变量)

2、onShow 

应用启动的时候,或者从后台进入前台会触发

3、onHide 

应用从前台进入后台会触发

二、页面生命周期

1、onLoad  监听页面加载

监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面传参),onLoad只会执行一次,只有当页面刷新会重复执行。

2、onReady 

监听页面初次渲染完成,如果渲染速度快,会在页面进入动画 完成前触发
监听页面初次渲染完成,在onShow之后执行,一个页面完整执行:onLoad、onShow、onReady

3、onShow  监听页面显示

4、onHide  监听页面隐藏

5、onUnload  监听页面卸载

三、组件生命周期

1、beforeCreate 

在实例初始化之后,数据观测(data  observer)和 event/watcher 事件配置之前被调用 

2、created  

在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。

3、mounted  

将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例。

4、destroyed 

组件销毁后调用

四、其它生命周期

1、onPullDownRefresh

监听用户下拉动作


2、onReachBottom

页面上拉触底事件的处理函数


3、onShareAppMessage

用户点击右上角分享 微信小程序


4、onPageScroll

监听页面滚动


5、onTabItemTap

当前是tab页时,点击tab触发
 

注意

onLoad
只加载一次,监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)

onShow
监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面。

子组件
子组件里的onLoad、onShow里的方法等不执行,此时只能调用vue的生命周期方法,created、mounted等。

1、应用生命周期仅可在App.vue中监听,在其它页面监听无效。
2、onlaunch里进行页面跳转,如遇白屏报错,请参考:onlaunch生命周期内navigateto跳转页面注意 - DCloud问答
3、onPageNotFound 页面实际上已经打开了(比如通过分享卡片、小程序码)且发现页面不存在,才会触发,api 跳转不存在的页面不会触发(如 uni.navigateTo)

猜你喜欢

转载自blog.csdn.net/qq_52301431/article/details/128368750