uni-app常见的生命周期
生命周期一个可分为三种:都定义在app.vue页面里面应用生命周期页面生命周期组件生命周期1.应用生命周期app.vue//onLaunch只能在app.vueonLaunch:function(){//登陆 全局变量},onShow:function(){},onHide:function(){}其中onLaunch应用初始化完成触发一次,全局只触发一次;onShow 应用启动的时候,或者从后台
生命周期一个可分为三种:
都定义在app.vue页面里面
- 应用生命周期
- 页面生命周期
- 组件生命周期
1.应用生命周期
app.vue
//onLaunch只能在app.vue
onLaunch:function(){
//登陆 全局变量
},
onShow:function(){
},
onHide:function(){
}
其中onLaunch应用初始化完成触发一次,全局只触发一次;
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实例销毁后调用
更多推荐
所有评论(0)