应用的生命周期

uni-app 支持如下应用生命周期函数：

函数名 说明
onLaunch 当uni-app 初始化完成时触发（全局只触发一次）
onShow 当 uni-app 启动，或从后台进入前台显示
onHide 当 uni-app 从前台进入后台
onError 当 uni-app 报错时触发
onUniNViewMessage 对 nvue 页面发送的数据进行监听，可参考 nvue 向 vue 通讯
onUnhandledRejection 对未处理的 Promise 拒绝事件监听函数（2.8.1+）
onPageNotFound 页面不存在监听函数
onThemeChange 监听系统主题变化

注意

  • 应用生命周期仅可在**App.vue**中监听，在其它页面监听无效
  • onlaunch里进行页面跳转，如遇白屏报错，请参考https://ask.dcloud.net.cn/article/35942
  • onPageNotFound 页面实际上已经打开了（比如通过分享卡片、小程序码）且发现页面不存在，才会触发，api 跳转不存在的页面不会触发（如 uni.navigateTo）

示例代码

  1. <script>
  2.     export default {
  3.         onLaunch: function() {
  4.             console.log('App Launch')
  5.         },
  6.         onShow: function() {
  7.             console.log('App Show')
  8.         },
  9.         onHide: function() {
  10.             console.log('App Hide')
  11.         },
  12.         onError: function(err){
  13.             console.log('出现异常了',err)
  14.         }
  15.     }
  16. </script>
  18. <style>
  19.     /*每个页面公共css */
  20. </style>