小程序生命周期及页面生命周期

最新推荐文章于 2023-09-21 13:54:42 发布

原创最新推荐文章于 2023-09-21 13:54:42 发布 · 292 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

学习笔记专栏收录该内容

3 篇文章

订阅专栏

本文介绍了小程序的生命周期，包括在app.js中通过App()注册并定义onLaunch, onShow, onHide等关键回调。同时，也详细阐述了页面的生命周期，如onLoad, onShow, onReady, onHide, onUnload等函数的触发时机。理解这些生命周期对于小程序和页面的管理和交互至关重要。

小程序生命周期

小程序的生命周期是在app.js里调用的，App(Object object)注册小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。

App({
	// 小程序初始化完成时触发，全局只触发一次
	onLaunch(options) {
		// Do something
	},
	// 小程序启动，或从后台进入前台显示时触发
	onShow(options) {
		// Do something
	},
	// 小程序从前台进入后台时触发
	onHide() {
		// Do something
	}
})

详细请看文档

页面的生命周期

页面生命周期函数就是当你每进入/切换到一个新的页面的时候，就会调用的生命周期函数。Page(Object)函数用来注册一个页面。接受一个Object类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。

Page({
	// 页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。
	onLoad(options) {},
	// 页面显示/切入前台时触发。
	onShow() {},
	// 页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。
	onReady() {},
	// 页面隐藏/切入后台时触发
	onHide() {},
	// 页面卸载时触发
	onUnload() {},
})

详细请看文档