uni-app 的生命周期_uniapp +vue3封装全局方法

uni-app 的生命周期主要从三个角度来讲：
App全局(应用生命周期)，pages页面(页面生命周期)，components中组件(组件生命周期)

1，全局的，在App.vue中

具体查看文档

export default {
	onLaunch: function() { // 整个应用启动的时候触发
		console.log('App Launch')
	}, 
	onShow: function() {  // 打开应用(切换到小程序了)
		console.log('App Show')
	},
	onHide: function() { // 离开应用 (离开小程序，玩别的去了)
		console.log('App Hide')
	}
}
1
2
3
4
5
6
7
8
9
10
11

2，在每个pages页面中

具体查看文档

onload(){ // 页面被加载完毕
},
onshow(){ // 页面被看到
}
1
2
3
4

3，在components文件夹下的组件中

具体查看文档

mounted() {  // 页面挂载完毕
}
1
2