小程序生命周期函数

微信小程序的逻辑层主要包括:小程序的初始化过程和页面的初始化过程。微信小程序使用了App和Page方法进行了程序和页面的注册,使用getApp()方法来获取App()实例。

1.小程序的初始化

小程序的注册和初始化是通过App()函数进行的,App()注册小程序时接受一个object参数,指定小程序的生命周期。

属性 描述
onLaunch 监听小程序初始化,初始化完成时触发(全局触发一次)
onShow 监听小程序显示,从后台进入前台时显示
onHide 从前台进入后台,会出发onHide

前后台定义:当用户点击左上角关闭,或者按了设备 Home 键离开微信,小程序并没有直接销毁,而是进入了后台;当再次进入微信或再次打开小程序,又会从后台进入前台

2.页面注册

按照如下表中的顺序进行执行:

属性 描述
onLoad 监听页面加载
onShow 监听页面显示
onReady 监听页面初次渲染完成
onHide 监听页面隐藏
onUnload 监听页面卸载

3.组件的生命周期

属性 描述
created 在组件实例刚刚被创建时执行(此时setData()不能调用)
attached 在组件实例进入页面节点树时执行(this.data已经初始化为组件当前值)
ready 在组件视图层布局完成后执行
moved 组件实例被移动到节点树另一位置时执行
detached 组件实例被从页面节点树移除事执行
error 每当组件抛出错误时执行

4.组件所在页面的生命周期

属性 描述
show 组件所在的页面被展示时执行
hide 组件所在页面被隐藏时执行
resize 组件所在的页面尺寸
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 组件与所在页面关联的两个生命周期:在模拟器不会执行的两个函数,在真机会执行show 页面显示时执行 hide ...
    神刀阅读 1,898评论 0 0
  • 最近开始研究小程序,发现小程序和Vue有相似的东西:生命周期。(生命周期是指一个小程序从创建到销毁的一系列过程) ...
    赵客缦胡缨v吴钩霜雪明阅读 7,624评论 0 7
  • 微信小程序之入门篇(一)[https://www.jianshu.com/p/a0770e6ebc0c]微信小程序...
    爱情小傻蛋阅读 41,263评论 4 51
  • 今天是什么日子 起床:6:20 就寝:9:30 天气:晴 心情:小有压力 纪念日:无 今日三只青蛙/番茄钟 1·五...
    草莓丫阅读 825评论 0 0
  • 岸上青丝飘飘,桥下月影摇摇。舟行百里无眠,举杯痛邀池鱼。醉入深处倾覆,船头虫蚁不觉。夜鸦惊扰谁梦,他乡故遇难知。
    即是我阅读 1,501评论 0 0