# App.uvue

App.uvue是uni-app-x的主组件。

所有页面都是在App.uvue下进行切换的，是应用入口文件。但App.uvue本身不是页面，这里不能编写视图元素，也就是没有<template>。

这个文件的作用包括：监听应用生命周期、配置全局样式、配置全局的存储globalData

应用生命周期仅可在App.uvue中监听，在页面监听无效。

# 应用生命周期

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

函数名	说明	平台兼容
onLaunch	当`uni-app-x` 初始化完成时触发（全局只触发一次），参数为应用启动参数，同 uni.getLaunchOptionsSync 的返回值
onShow	当 `uni-app-x` 启动，或从后台进入前台显示，参数为应用启动参数，同 uni.getLaunchOptionsSync 的返回值
onHide	当 `uni-app-x` 从前台进入后台
onLastPageBackPress	最后一个页面按下Android back键，常用于自定义退出	app-uvue-android 3.9+
onExit	监听应用退出	app-uvue-android 3.9+

示例代码

<script lang="uts">
	// 只能在App.vue里监听应用的生命周期
	export default {
		onLaunch: function(options) {
			console.log('App Launch')
			console.log('应用启动路径：', options.path)
		},
		onShow: function(options) {
			console.log('App Show')
			console.log('应用启动路径：', options.path)
		},
		onHide: function() {
			console.log('App Hide')
		},
    onLastPageBackPress: function () {
      console.log('App LastPageBackPress')
    }
	}
</script>

注意

应用生命周期仅可在App.uvue中监听，在其它页面监听无效。
应用启动参数，可以在API uni.getLaunchOptionsSync获取，详见

# globalData

小程序有 globalData，这是一种简单的全局变量机制。这套机制在 uni-app-x 里也可以使用，并且全端通用。

当然 vue 框架的全局变量，另有其他方式定义。

以下是 App.uvue 中定义globalData的相关配置：

<script lang="uts">
  export default {  
    globalData: {  
      str: 'global data str',
      num: 123,
      bool: true 
    }
  }  
</script>

页面或组件中通过 getApp().globalData 访问。

<script lang="uts">
  export default {  
    methods: {
      getGlobalData() {
        const app = getApp()
        this.globalDataStr = app.globalData.str
        this.globalDataNum = app.globalData.num
        this.globalDataBool = app.globalData.bool
      }
    }
  }
</script>