基于vue3开发的项目随着时间的积累越来越多，那么在uni-app中我们可以如何使用使用onLoad、onShow、onLaunch、onPullDownRefresh等常见函数呢？

在uni-app中直接使用会发现报错，提示不存在。那么我们要如何使用呢？

现在看看如下代码：

<script lang="ts" setup>
	import { onShow , onLoad } from "@dcloudio/uni-app"
	onLoad((e) => {
		console.log(e)
	})
	onShow(() => {
		console.log("页面显示执行")
	})
</script>

在uni-app中有着这么一句话：从 @dcloudio/uni-app 包内导入 uni-app 应用生命周期及页面的生命周期。

也就是说以前不需要单独引入的生命周期，现在都需要从@dcloudio/uni-app包内导入

应用生命周期有如下函数：

onLaunch、onShow、onHide、onError、onUniNViewMessage、onUnhandledRejection、onPageNotFound、onThemeChange、onLastPageBackPress、onExit

相对于应用生命周期使用的函数，页面生命周期所需要的函数则更多。具体页面生命周期函数如下：

onInit、onLoad、onShow、onReady、onHide、onUnload、onResize、onPullDownRefresh、onReachBottom、onTabItemTap、onShareAppMessage、onPageScroll、onNavigationBarButtonTap、onBackPress、onNavigationBarSearchInputChanged、onNavigationBarSearchInputConfirmed、onNavigationBarSearchInputClicked、onShareTimeline、onAddToFavorites