uni-app常见的生命周期 uni-app常见的生命周期

生命周期一个可分为三种：
都定义在app.vue页面里面

应用生命周期
页面生命周期
组件生命周期

1.应用生命周期
app.vue
//onLaunch只能在app.vue
onLaunch:function(){
//登陆全局变量
},
onShow:function(){
},
onHide:function(){
}
其中onLaunch应用初始化完成触发一次，全局只触发一次；
【uni-app常见的生命周期】onShow 应用启动的时候，或者从后台进入前台会触发；
onHide 应用从前台进入后台触发
2.页面生命周期
index.vue
onLoad(){
},
onReady(){
//如果渲染速度快，会在页面进入动画完成前触发
},
onShow(){
},
onHide(){
},
onUnload(){
}
其中,
onLoad()监听页面加载；
onReady()监听页面的初次渲染完成
onShow()监听页面显示
onHide()监听页面隐藏
onUnload()监听页面卸载
3.组件的生命周期
components里的vue
beforeCreate(){
},
created(){
},
mounted(){
},
destroyed(){
}
其中
beforeCreate() 在实例初始化之后，数据观测（data observer）和event/watcher事件配置之前被调用
created()实例创建完成之后立即调用，挂载阶段还没开始
mounted（）挂载到实例上去之后调用
destroyed（）Vue实例销毁后调用