微信小程序中生命周期钩子函数

微信小程序 App 的生命周期钩子函数有以下 7 个:

  1. onLaunch(options):当小程序初始化完成时,会触发 onLaunch(全局只触发一次)。
  2. onShow(options):当小程序启动或从后台进入前台显示时,会触发 onShow。
  3. onHide():当小程序从前台进入后台时,会触发 onHide。
  4. onError(error):当小程序发生脚本错误或 API 调用失败时,会触发 onError 并带上错误信息。
  5. onPageNotFound(options):当小程序找不到页面时,会触发 onPageNotFound 并带上页面信息。
  6. onUnhandledRejection(reason):当 Promise 被 reject 且没有被 catch 处理时,会触发 onUnhandledRejection 事件,并带上 Promise 对象。
  7. onThemeChange(theme):当系统主题改变时触发。

其中,onLaunch、onShow 和 onHide 是小程序必备的生命周期函数,其他的是可选的。

在页面级别中,也有一些生命周期钩子函数,包括:

  1. onLoad(query):当页面加载时,会触发 onLoad,可以从 query 参数中获取页面参数。
  2. onReady():当页面初次渲染完成时,会触发 onReady。
  3. onShow():当页面被展示在前台时,会触发 onShow。
  4. onHide():当页面被隐藏在后台时,会触发 onHide。
  5. onUnload():当页面被销毁时,会触发 onUnload。

需要注意的是,页面级别的生命周期钩子函数只有在小程序中打开页面时才会触发,而在组件中使用时不会触发。

可以参考以下图片加深对钩子函数的理解:

相关推荐
icebreaker7 小时前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker7 小时前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
大米饭消灭者3 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
FliPPeDround4 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
FliPPeDround4 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp
吴声子夜歌4 天前
小程序——布局示例
小程序
码云数智-大飞4 天前
如何创建自己的小程序,码云数智与有赞平台对比
微信小程序
luffy54594 天前
微信小程序页面使用类似filter函数的wxs语法
微信小程序·小程序
Slow菜鸟4 天前
微信小程序开发(二)目录结构完全指南
微信小程序·小程序
攀登的牵牛花4 天前
给女朋友写了个轻断食小程序:去老丈人家也是先动筷了
前端·微信小程序