6、uniapp生命周期

1、应用(App组件)生命周期

只能在App.vue里监听应用的生命周期。专门为app组件准备的。
官方文档 -> 全局文件 -> App.vue -> 应用生命周期

在app.vue里面设置。

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

<style>
	/*每个页面公共css */
</style>

2、页面生命周期

官方文档 -> 教程 -> 页面 -> 生命周期

<script>
	export default{
		data(){
			return{
			}			
		},
		methods:{
			
		},
		onLoad(options){
			console.log('页面加载了',options);
		},
		onShow(){
			console.log('页面显示了');
		},
		onReady(){
			console.log('页面初次渲染完成了');
		},
		onHide() {
			console.log('页面隐藏了')
		}
	}
</script>

通过tabBar切换也能触发

3、组件生命周期

官方文档 -> 教程 -> 页面 -> 组件生命周期

组件支持的生命周期，与vue标准组件的生命周期相同。这里没有页面级的onLoad等生命周期。