uniapp开发微信小程序笔记5-介绍三类生命周期

一、uni-app的生命周期分为三类：

• 应用的生命周期：指的是针对整个小程序的生命周期，写在App.vue中；
• 页面的生命周期：指的是项目pages目录中每一个页面的生命周期；
• 组件的生命周期：指的是项目compontents目录中自定义的每一个组件文件的生命周期。

1、应用的生命周期：

示例代码：

<script>
	// 只能在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')
		}
	}
</script>

2、页面的生命周期：

常用： 

<script>
	export default {
		onLoad: function(options) {
			console.log('onLoad，页面首次加载完成')
		},
		onShow: function(options) {
			console.log('Show，页面显示')
		},
		onReady: function() {
			console.log('onReady，页面挂载完成')
		},
		onHide: function() {
			console.log('onHide，页面隐藏')
		}
	}
</script>

3、 组件的生命周期

uni-app中组件的生命周期和vue2中组件的生命周期一样