51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

微信小程序生命周期

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

应用级生命周期 {#%E5%BA%94%E7%94%A8%E7%BA%A7%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F}

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

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

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

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

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

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

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

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

页面级生命周期 {#%E9%A1%B5%E9%9D%A2%E7%BA%A7%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F}

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

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

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

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

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

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

组件级生命周期 {#%E7%BB%84%E4%BB%B6%E7%BA%A7%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F}

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

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

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

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

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

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

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

组件所在页面生命周期 {#%E7%BB%84%E4%BB%B6%E6%89%80%E5%9C%A8%E9%A1%B5%E9%9D%A2%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F}
  1. show:组件所在页面被展示时执行。

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

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

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

作用:生命周期函数可在不同阶段执行特定逻辑,以更好控制小程序的行为 {#%E4%BD%9C%E7%94%A8%EF%BC%9A%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%87%BD%E6%95%B0%E5%8F%AF%E5%9C%A8%E4%B8%8D%E5%90%8C%E9%98%B6%E6%AE%B5%E6%89%A7%E8%A1%8C%E7%89%B9%E5%AE%9A%E9%80%BB%E8%BE%91%EF%BC%8C%E4%BB%A5%E6%9B%B4%E5%A5%BD%E6%8E%A7%E5%88%B6%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%9A%84%E8%A1%8C%E4%B8%BA}


赞(0)
未经允许不得转载:工具盒子 » 微信小程序生命周期