微信小程序的生命周期

129 阅读2分钟

vuereact框架一样,微信小程序框架也存在生命周期,实质也是一堆会在特定时期执行的函数

小程序中,生命周期主要分成了三部分:

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

应用级生命周期

小程序的生命周期函数是在app.js里面调用的,通过App(Object)函数用来注册一个小程序,指定其小程序的生命周期回调

生命周期          说明
onLaunch         小程序初始化完成时触发, 全局只触发一次
onShow           小程序启动, 或从后台进入前台显示时触发
onHide           小程序从前台进入后台时触发
onError          小程序发生脚本错误或API调用错误是触发
onPageNotFound   小程序要打开的页面不存在时触发
onUnhandledRejection()  小程序有未处理的promise拒绝时触发
onThemeChange    系统切换主题时触发

页面级生命周期

页面生命周期函数就是当你每进入/切换到一个新的页面的时候,就会调用的生命周期函数,同样通过App(Object)函数用来注册一个页面

生命周期            说明                        作用
onLoad             监听页面加载-只会执行一次     发送请求获取数据
onShow             监听页面显示                 请求数据
onReady            监听页面初次渲染完成          获取页面元素
onHide             监听页面隐藏                 终止任务
onUnload           监听页面卸载                 终止任务

组件生命周期

组件的生命周期,指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发,通过Component(Object)进行注册组件

生命周期             说明
created             监听页面加载
attached            监听页面显示
ready               监听页面初次渲染完成
moved               监听页面隐藏
detached            监听页面卸载
error               每当组件方法抛出错误是执行