侧边栏壁纸
博主头像
Eday个人博客 博主等级

永远热爱

  • 累计撰写 12 篇文章
  • 累计创建 25 个标签
  • 累计收到 1 条评论

目 录CONTENT

文章目录

微信小程序生命周期

Alng
2024-11-10 / 0 评论 / 1 点赞 / 53 阅读 / 0 字 / 正在检测是否收录...

微信小程序生命周期顺序可分为应用级、页面级、组件级,分别列出顺序:

应用级生命周期

整个小程序的生命周期,主要在app.js中定义

  1. onLaunch:小程序初始化完成时触发,整个小程序生命周期中只触发一次。

  2. onShow:当小程序启动,或从后台进入前台显示时触发。

  3. onHide:当小程序从前台进入后台时触发。

  4. onError:当小程序发生脚本错误或API调用失败时触发。

  5. onPageNotFound:当小程序要打开的页面不存在时触发。

  6. onUnhandledRejection:在小程序运行过程中,promise被reject且未被catch时触发

  7. onThemeChange:当系统切换主题时触发。

页面级生命周期

一个页面的生命周期,定义在每个页面的.js文件中

  1. onLoad:页面加载时触发,此时页面并未进行任何渲染,你可以在这里进行数据初始化。

  2. onShow:页面显示/切入前台时触发,每次打开页面都会调用一次。

  3. onReady:页面初次渲染完成时触发,一个页面只会调用一次,代表页面已经准备妥当,可以和视图层交互。

  4. onHide:页面隐藏/切入后台时触发,例如navigateTo或底部tab切换时调用。

  5. onUnload:页面卸载时触发,例如redirectTo或navigateBack时调用。

组件级生命周期

小程序封装的组件的生命周期,定义在组件的.js文件中

  1. created:组件实例刚刚被创建时执行。

  2. attached:组件实例进入页面节点树时执行。

  3. ready:组件在视图层布局完成后执行。

  4. moved:组件实例被移动到节点树另一个位置时执行。

  5. detached:组件实例被从页面节点树移除时执行。

  6. error:组件方法抛出错误时执行。

组件所在页面生命周期
  1. show:组件所在页面被展示时执行。

  2. hide:组件爱你所在页面被隐藏时执行。

  3. resize:组件所在页面尺寸变化时执行。

  4. routeDone:组件所在页面路由动画完成时执行。

作用:生命周期函数可在不同阶段执行特定逻辑,以更好控制小程序的行为

1

评论区