🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## `App.vue`是uni-app的主组件,所有页面都是在`App.vue`下进行切换的,是页面入口文件。但`App.vue`本身不是页面,这里不能编写视图元素。 ## 这个文件的作用包括:调用应用生命周期函数、配置全局样式、配置全局的存储globalData ## 应用生命周期仅可在`App.vue`中监听,在页面监听无效。 # 应用生命周期 ## `uni-app`支持如下应用生命周期函数: | 函数名 | 说明 | | --- | --- | | onLaunch | 当`uni-app`初始化完成时触发(全局只触发一次) | | onShow | 当`uni-app`启动,或从后台进入前台显示 | | onHide | 当`uni-app`从前台进入后台 | | onError | 当`uni-app`报错时触发 | | onUniNViewMessage | 对`nvue`页面发送的数据进行监听,可参考[nvue 向 vue 通讯(opens new window)](https://uniapp.dcloud.io/tutorial/nvue-api?id=communication) | | onUnhandledRejection | 对未处理的 Promise 拒绝事件监听函数(2.8.1+) | | onPageNotFound | 页面不存在监听函数 | | onThemeChange | 监听系统主题变化 | ![](https://img.kancloud.cn/c8/01/c80198181761d64a9ce71d465c419118_1428x662.png) # 注意: * **应用生命周期仅可在`App.vue`中监听,在其它页面监听无效**。 * onlaunch里进行页面跳转,如遇白屏报错,请参考[https://ask.dcloud.net.cn/article/35942(opens new window)](https://ask.dcloud.net.cn/article/35942) * `App.vue`不能写模板 * onPageNotFound 页面实际上已经打开了(比如通过分享卡片、小程序码)且发现页面不存在,才会触发,api 跳转不存在的页面不会触发(如 uni.navigateTo)