Bootstrap

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>

注意

;