融云IM干货丨uni-app 生命周期有哪些?

uni-app的生命周期分为应用生命周期、页面生命周期和组件生命周期三类:

应用生命周期

应用生命周期函数需要在App.vue中声明,主要包含以下函数:

  • onLaunch:当uni-app初始化完成时触发(全局只触发一次)。
  • onShow:当uni-app启动,或从后台进入前台显示时触发。
  • onHide:当uni-app从前台进入后台时触发。
  • onError:当uni-app报错时触发。
  • onPageNotFound:页面不存在监听函数。
  • onThemeChange:监听系统主题变化。
  • onUnhandledRejection:对未处理的Promise拒绝事件监听函数(2.8.1+ app-uvue暂不支持)。
  • onUniNViewMessage:对nvue页面发送的数据进行监听,可参考nvue向vue通讯(app-uvue不支持)。
  • onLastPageBackPress:最后一个页面按下Android back键,常用于自定义退出(app-uvue-android 3.9+)。
  • onExit:监听应用退出(app-uvue-android 3.9+)。

页面生命周期

页面生命周期函数主要包含以下函数:

  • onLoad:监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面传参)。
  • onShow:监听页面显示。
  • onReady:监听页面初次渲染完成。
  • onHide:监听页面隐藏。
  • onUnload:页面卸载。
  • onPullDownRefresh:监听用户下拉动作。
  • onReachBottom:页面上拉触底事件的处理函数。
  • onShareAppMessage:用户点击右上角分享(微信小程序)。
  • onPageScroll:监听页面滚动。
  • onTabItemTap:当前是tab页时,点击tab时触发。
  • onResize:当窗口屏幕变化,横屏竖屏的时候。

组件生命周期

组件生命周期函数与Vue.js的标准生命周期相同,主要包含以下函数:

  • beforeCreate:在实例初始化之后被调用。
  • created:在实例创建完成后被立即调用。
  • beforeMount:在挂载开始之前被调用。
  • mounted:挂载到实例上去之后调用。
  • beforeUpdate:数据更新时调用,发生在虚拟DOM不定之前。
  • updated:由于数据更改导致虚拟DOM重新渲染和打补丁,在这时候会调用该钩子。
  • activated:keep-alive组件激活时调用。
  • deactivated:keep-alive组件停用时调用。
  • beforeDestroy:实例销毁之前调用。
  • destroyed:实例销毁后调用。

以上是uni-app中的主要生命周期函数,开发者可以根据需要在适当的生命周期钩子中执行特定的逻辑。

点赞
收藏

评论区

加载中...

相关推荐

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

史上最全前端面试题(但是没有答案 自己百度 手动狗头!)

Vue面试题生命周期函数面试题1.什么是vue生命周期2.vue生命周期的作用是什么3.第一次页面加载会触发哪几个钩子4.简述每个周期具体适合哪些场景5.created和mounted的区别6.vue获取数据在哪个周期函数7.请详细说下你对vue生命周期的理解?vue路由面试题1.mvvm框架是什么?2.vuerout

vue 生命周期的理解(created && mouted的区别)

生命周期先上图(笑skr个人~~)!(https://oscimg.oschina.net/oscnet/6d899c3576884ee9db73c0263ac9f4027e0.png)什么是生命周期Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我

uni-app入门教程(8)在uni-app中使用Vue

前言本文主要的主要内容是在uniapp中Vue的用法,具体如下:Vue支持响应式数据操作,可以实现数据和事件的绑定,同时支持this传递;uniapp在Vue实例生命周期的基础上增加了应用生命周期和页面生命周期;实现全局变量的3种方式,即公用模块、挂载Vue.prototype和globalData;Class和Style的动态绑定,包括对象

Vue和微信小程序的区别

_写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。_一、生命周期先贴两张图:vue生命周期小程序生命周期相比之下,小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。onLoad

重新认识Activity—Activity的生命周期

Activity的生命周期概念当用户浏览,退出和返回应用时,Activity实例会在其生命周期中转换为不同的状态。在生命周期回调方法中,可以声明用户离开并重新进入Activity时Activity的行为方式。每个回调允许执行适合于给定状态更改的特定工作。生命周期回调的良好实现可以帮助确保您的应用程序避免:如果用户在使用您的App时接到电话或切换