## `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)
- pages.json配置
- pages.json导航配置(项目导航设置)
- app.vue应用生命周期
- 页面生命周期
- app.vue设置全局共享数据(getApp().globalDate)
- 组件view
- view阻止冒泡
- 组件scroll-view
- 组件swiper(制作幻灯片用)
- 组件rich-text (富文本)
- 组件progress(进度条)
- 媒体组件
- 表单form组件
- 表单input
- 表单textarea
- 组件复选框与单选框
- 组件picker底部拉起滚动器
- 组件button提交按钮
- 组件---确认框
- uView使用
- 组件导航
- 网络请求GET与POST
- 数据缓存(做登陆验证时候用)
- 网络接口封装