您的当前位置:首页正文

vue,小程序,uni-app的生命周期

2024-11-29 来源:个人技术集锦

Vue、小程序、uni-app 都是一种前端框架,它们的生命周期钩子函数类似,但也有一些区别。下面分别介绍一下它们的生命周期钩子函数。

Vue 生命周期

在 Vue 中,组件的生命周期可以分为创建、更新和销毁三个阶段。以下是 Vue 组件的生命周期钩子函数:

小程序生命周期

小程序生命周期包括应用生命周期和页面生命周期两部分。

应用生命周期

  1. onLaunch:小程序初始化时调用,全局只触发一次。
  2. onShow:小程序启动或从后台进入前台显示时调用。
  3. onHide:小程序从前台进入后台时调用。
  4. onError:小程序发生脚本错误或 API 调用失败时调用。

 

页面生命周期

  1. onLoad:页面加载时触发,只会调用一次。
  2. onShow:页面显示时触发。
  3. onReady:页面初次渲染完成时触发。
  4. onHide:页面隐藏时触发。
  5. onUnload:页面卸载时触发。

uni-app 生命周期

在 uni-app 中,生命周期钩子函数同 Vue,但是增加了一些 uni-app 特有的生命周期函数。

  1. onLaunch:应用初始化时触发,全局只触发一次。
  2. onShow:应用启动或从后台进入前台显示时触发。
  3. onHide:应用从前台进入后台时触发。
  4. onError:应用发生脚本错误或 API 调用失败时触发。
  5. onUniNViewMessage:nvue 页面向 vue 页面发送消息时触发。
  6. onPageNotFound:页面不存在时触发。
  7. onUniNViewUnloading:nvue 页面卸载时触发。

以上是 Vue、小程序、uni-app 的生命周期钩子函数,开发者可以根据自己的需求在相应的生命周期函数中执行对应的操作

显示全文