uni-app的生命周期

目录

1.应用生命周期

1.2.globalData

1.3全局样式

2.页面生命周期

  2.1页面简介

2.2新建页面

2.3删除页面

2.4应用首页

2.5页面生命周期

---

1.应用生命周期

     uni-app的生命周期是以小程序的生命周期为基础实现的，分为应用的生命周期、页面生命周期和组件的生命周期，其中组件生命周期就是Vue的生命周期。

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

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

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

 1.1应用生命周期

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

    

   示例代码

<script>
	// 只能在App.vue里监听应用的生命周期
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

注意

• 应用生命周期仅可在App.vue中监听，在其它页面监听无效。
• 以组合式 API 使用时，在 Vue2 和 Vue3 中存在一定区别，请分别参考：Vue2 组合式 API 使用文档 和 Vue3 组合式 API 使用文档。
• 应用启动参数，可以在API uni.getLaunchOptionsSync获取，详见
• onlaunch里进行页面跳转，如遇白屏报错，请参考onlaunch生命周期内navigateto跳转页面注意 - DCloud问答
• App.vue 不能写模板
• onPageNotFound 页面实际上已经打开了（比如通过分享卡片、小程序码）且发现页面不存在，才会触发，api 跳转不存在的页面不会触发（如 uni.navigateTo）