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

  1. 应用生命周期
  2. 页面生命周期
  3. 组件生命周期

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实例销毁后调用

Logo

前往低代码交流专区

更多推荐