uni-app生命周期

生命周期分为应用生命周期和页面生命周期和组件生命周期

应用生命周期

app.vue

    export default {
        onLaunch: function() {
            console.log('App Launch')
        },
        onShow: function() {
            console.log('App Show')
        },
        onHide: function() {
            console.log('App Hide')
        }
    }

• oLaunch 初始化完成时触发（全局只触发一次）
• onShow 启动，或从后台进入前台显示
• onHide 从前台进入后台
• onError 报错
• onUniNViewMessage 对nvue 页面发送的数据进行监听
  注意：
• 应用生命周期仅可在App.vue中监听，在其它页面监听无效。

页面生命周期

• onLoad 监听页面加载，参数可获取上个页面的传参
• onShow 监听页面显示。页面每次出现在屏幕哈桑都触发
• onReady 监听页面初次渲染完成
• onHide 监听页面隐藏
• onUnload 监听页面卸载
• onResize 监听窗口尺寸变化 App、微信小程序
• onPullDownRefresh 监听用户下拉动作
• onReachBottom 监听页面滚动到底部
• onTabItemTap 点击tab时触发
• onNavigationBarButtonTap 监听原生标题栏按钮点击事件
• onBackPress 监听页面返回 安卓的物理返回键
• onNavigationBarSearchInputChanged 监听原生标题栏搜索输入框输入内容变化事件
• onNavigationBarSearchInputConfirmed 监听原生标题栏搜索输入框搜索事件，用户点击软键盘上的搜索按钮时触发。
• onNavigationBarSearchInputClicked 监听原生标题栏搜索输入框点击事件

    export default {
        onLoad: function(e) {
            console.log('onLoad',e)
        },
        onShow: function() {
            console.log('App Show')
        },
        onHide: function() {
            console.log('App Hide')
        }
    }

注意：

• onReachBottom(监听页面滚动到底部)可在pages.json里定义具体页面底部的触发距离onReachBottomDistance,比如设为50，那么滚动页面到距离底部50px时，就会触发触底事件。在这里插入代码片
• onPageScroll （监听页面滚动）里不要写复杂的逻辑

组件生命周期

uni-app组件支持的生命周期，与vue标准组件的生命周期相同，这里没有页面级的onLoad等生命周期。

• beforeCreated
• created
• beforeMounted
• mounted
• beforeupdate
• updated
• beforeDestory
• destory