Uni-app应用生命周期
uni-app
支持如下应用生命周期函数:
函数名 | 说明 |
---|---|
onLaunch | 当uni-app 初始化完成时触发(全局只触发一次) |
onShow | 当 uni-app 启动,或从后台进入前台显示 |
onHide | 当 uni-app 从前台进入后台 |
onError | 当 uni-app 报错时触发 |
onUniNViewMessage | 对 nvue 页面发送的数据进行监听,可参考 nvue 向 vue 通讯(opens new window) |
onUnhandledRejection | 对未处理的 Promise 拒绝事件监听函数(2.8.1+) |
onPageNotFound | 页面不存在监听函数 |
onThemeChange |
监听系统主题变化 |
代码如下:
<script> // 应用生命周期,只能在app.vue内监听 export default { // 当uni-app 初始化完成时触发(全局只触发一次) onLaunch: async function() { console.log('App 初始化完成') }, // 当 uni-app 启动,或从后台进入前台显示 onShow: function() { console.log('App 显示') }, // 当 uni-app 从前台进入后台 onHide: function() { console.log('App 隐藏') }, // 当 uni-app 报错时触发 onError: function(errString) { console.log('App 出错' + errString); }, // 页面不存在监听函数 onPageNotFound: function() { console.log('App 页面不存在'); }, // 监听系统主题变化 onThemeChange: function() { console.log('App 系统主题变化'); } } </script>
分类:
uni-app
标签:
uni-app生命周期
, uni-app杂项
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?