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 @ 2022-09-21 21:22  1024记忆  阅读(125)  评论(0)    收藏  举报