uni-app三种生命周期及页面跳转方法

本文详细解析了uni-app的应用生命周期函数,如onLaunch、onShow等,并介绍了组件的完整生命周期,包括beforeCreate、mounted等。了解这些关键点有助于开发者高效管理uni-app项目。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

应用生命周期:

应用生命周期仅可在App.vue中监听,在其他页面监听无效

应用生命周期函数:

  1. onLaunch:当uni-app初始化完成时触发(全局只触发一次)
  2. onShow:当uni-app启动,或从后台进入前台显示
  3. onHide:当uni-app从前台进入后台
  4. onError:当uni-app报错时触发
  5. onUniNViewMessage:对nvue页面发送的数据进行监听
  6. onUnhandledRejection:对未处理的Promise拒绝事件监听函数
  7. onPageNotFound:页面不存在监听函数
  8. onThemeChange:监听系统主题变化

页面生命周期 :

页面生命周期函数:

组件生命周期:

  1. uni-app 组件支持的生命周期,与vue标准组件的生命周期相同。
  2. beforeCreate: 在实例初始化之后被调用
  3. created: 在实例创建完成后被立即调用
  4. beforeMount: 在挂载开始之前被调用
  5. mounted: 挂载到实例上去之后调用
  6. beforeUpdate: 数据更新时调用,发生在虚拟 DOM 打补丁之前。
  7. updated: 由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调用该钩子。
  8. beforeDestroy: 实例销毁之前调用。在这一步,实例仍然完全可用。
  9. destroyed: Vue 实例销毁后调用。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。


原文链接:https://blog.csdn.net/xingkongtianyuzhao/article/details/112446021

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值