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>
复制代码

 

posted @   1024记忆  阅读(92)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示