VUE3的setup中定义onShow、onHide、onReady事件

setup下定义如下：

<script setup>
    import {
        onShow,
        onHide,
        onReady 
    } from '@dcloudio/uni-app'
    
    onShow(()=>{
        console.log('setup中的onShow');
    })
    
    onHide(()=>{
        console.log('setup中的onHide');
    })
    
    onReady(()=>{
        console.log('setup中的onReady');
})
</script>

 

非setup下定义如下：

<script>
    // 应用生命周期,只能在app.vue内监听
    export default {
        // 当uni-app 初始化完成时触发（全局只触发一次）
        onLaunch: 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>