uni-app基础之应用生命周期

Laughing
2021-06-12 / 0 评论 / 1,222 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年06月12日,已超过1327天没有更新,若内容或图片失效,请留言反馈。

uni-app 支持如下应用生命周期函数:

函数名说明
onLaunchuni-app 初始化完成时触发(全局只触发一次)
onShowuni-app 启动,或从后台进入前台显示
onHideuni-app 从前台进入后台
onErroruni-app 报错时触发
onUniNViewMessagenvue 页面发送的数据进行监听,可参考 nvue 向 vue 通讯
onUnhandledRejection对未处理的 Promise 拒绝事件监听函数(2.8.1+)
onPageNotFound页面不存在监听函数
onThemeChange监听系统主题变化

注意
应用生命周期仅可在App.vue中监听,在其它页面监听无效。

<script>
    export default {
        /**
         * 
         */
        onLaunch: function() {
            console.log('应用初始化完成后触发,全局只触发一次')
        },
        /**
         * 
         */
        onShow: function() {
            console.log('App启动或者从后台重新进入前台时触发')
        },
        /**
         * 
         */
        onHide: function() {
            console.log('App从前台进入后台时触发')
        },
        /**
         * 
         */
        onError: function() {
            console.error('App报错时触发')
        },
        /**
         * 对 nvue 页面发送的数据进行监听
         */
        onUniNViewMessage: () => {
            console.log('对 nvue 页面发送的数据进行监听')
        },
        /**
         * 
         */
        onUnhandledRejection: () => {
            console.log('对未处理的 Promise 拒绝事件监听函数(2.8.1+)')
        },
        /**
         * 页面不存在监听函数
         */
        onPageNotFound: () => {
            console.log('页面不存在时触发')
        },
        /**
         * 监听系统主题变化
         */
        onThemeChange: () => {
            console.log('主题切换后触发')
        }

    }
</script>

<style>
    /*每个页面公共css */
</style>
0

评论 (0)

取消