uniapp生命周期

77 阅读1分钟

1:应用生命周期

onLaunch
    应用初始化完成触发,全局只触发一次,可以做登录判断
onShow 
    应用启动的时候,或者从后台进入前台时触发
onHide 
    应用从前台进入后台就会触发

2:页面生命周期

onLoad
    监听页面加载,在开始加载的时候触发,元素还未开始渲染,页面只执行一次,tab页面不加载
onShow
    监听页面显示,每次页面出现的时候,就会触发这个钩子
onReady
    监听页面渲染完成,如果页面渲染速度快(元素太少),会在页面翻页动画完成前触发--
    页面只执行一次
onHide
    监听页面隐藏,每次页面隐藏的时候,就会触发这个钩子,页面跳转会触发
onUnload
    监听页面卸载,重定向跳转页面会触发

3:组件主要用到的生命周期

    beforeCreate
        在实例初始化之后被调用
    created
        实例创建完成后立即调用
    beforeMount
        在挂载开始之前被调用
    mounted
        挂载在实例上去之后被调用
    destory:
        Vue实例销毁之后调用
    

4:生命周期执行顺序

App Launch
App Show
page onLoad
page onShow
component beforeCreate
component created 
component mounted 
page onReady 

当应用处于后台会触发的生命周期

    App Hide 
    page onHide

当应用关闭会触发的生命周期

    page onUnload 
    component destory

应用从后台重新进入的时候会触发的生命周期 App show page onLoad page onShow