#Uniapp：页面生命周期&应用生命周期应用

最新推荐文章于 2024-05-24 17:14:15 发布

前端xiaolibao

最新推荐文章于 2024-05-24 17:14:15 发布

阅读量705

点赞数 6

分类专栏： #Uniapp 文章标签： uni-app

前端xiaolibao

本文链接：https://blog.csdn.net/weixin_47075554/article/details/135752044

版权

#Uniapp 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本文介绍了Vue应用中的生命周期方法，如`onLaunch`、`onShow`等在App.vue文件中的使用，以及页面级别的生命周期函数如`onLoad`、`onShow`等，展示了从应用启动到销毁过程中的关键事件处理。

摘要由CSDN通过智能技术生成

创建-运行-销毁

应用的生命周期 App.vue

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},

		onError: function(error) {

			console.log('error: ', error)
		}

	}
</script>

页面的生命周期

	onLoad() {
			console.log('页面加载了')
		},
		onShow() {
			console.log('页面显示了')
		},
		onReady() {
			console.log('页面初次渲染')
		},
		onHide() {
			console.log('页面隐藏了')
		},
		onUnload() {
			console.log('页面卸载了')
		}