# 小程序App
App.vue是项目的主组件，所有页面都是在App.vue下进行切换的，是页面入口文件。但App.vue本身不是页面，这里不能编写视图元素，也就是没有<template>。
这个文件的作用包括：调用应用生命周期函数、配置全局样式、配置全局的存储 globalData
应用生命周期仅可在App.vue中监听，在页面监听无效。
# 应用周期函数说明
| 函数名 | 说明 |
|---|---|
| onLaunch | 当小程序初始化完成时触发（全局只触发一次） |
| onShow | 当小程序启动，或从后台进入前台显示 |
| onHide | 当小程序从前台进入后台 |
| onError | 当小程序报错时触发 |
| onUnhandledRejection | 对未处理的 Promise 拒绝事件监听函数 |
| onPageNotFound | 页面不存在监听函数 |
| onThemeChange | 监听系统主题变化（功能建设中） |
示例代码
// app.vue
<script>
export default {
onLaunch(options) {
// Do something initial when launch.
},
onShow(options) {
// Do something when show.
},
onHide() {
// Do something when hide.
},
globalData: {
text: 'I am global data'
},
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# getApp()
获取小程序全局唯一的 App 实例。可以获取在 App script 设置的全局变量，或者一些通用方法
示例代码：
const appInstance = getApp();
console.log(appInstance.globalData.text);
1
2
3
2
3
# 公共样式 style
App.vue 中的 <style> 可以存放全局的公共样式。
// App.vue
<style>
/*每个页面公共css */
.app-container {
}
</style>
1
2
3
4
5
6
7
2
3
4
5
6
7