uni的生命周期

最新推荐文章于 2024-08-25 09:57:22 发布

slowly_climb

最新推荐文章于 2024-08-25 09:57:22 发布

阅读量40

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/slowly_climb/article/details/129370490

版权

uni-app的生命周期包括onLaunch（初始化完成触发）、onShow（启动或从后台进入前台显示）、onHide（从前台进入后台）。此外，还有onError处理错误，onUniNViewMessage监听nvue到vue的数据，onUnhandledRejection关注Promise拒绝事件，以及onThemeChange监听系统主题变化。这些函数在App.vue中进行监听。

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

uni-app官网

应用生命周期

onLaunch	当`uni-app` 初始化完成时触发（全局只触发一次）
onShow	当 `uni-app` 启动，或从后台进入前台显示
onHide	当 `uni-app` 从前台进入后台
onError	当 `uni-app` 报错时触发
onUniNViewMessage	对 `nvue` 页面发送的数据进行监听，可参考 nvue 向 vue 通讯
onUnhandledRejection	对未处理的 Promise 拒绝事件监听函数（2.8.1+）
onPageNotFound	页面不存在监听函数
onThemeChange	监听系统主题变化

代码实例：

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