Vue、小程序、uni-app 都是一种前端框架,它们的生命周期钩子函数类似,但也有一些区别。下面分别介绍一下它们的生命周期钩子函数。
Vue 生命周期
在 Vue 中,组件的生命周期可以分为创建、更新和销毁三个阶段。以下是 Vue 组件的生命周期钩子函数:
- beforeCreate:组件实例刚被创建,数据观测 (data observer) 和事件机制都未初始化。
- created:组件实例已经完全创建,数据观测 (data observer) 和事件机制都已经初始化完成,但是挂载阶段还没开始。
- beforeMount:组件模板已经编译完成,但是还没有挂载到页面上。
- mounted:组件已经挂载到页面上,可以访问到 template 中的 DOM 元素。
- beforeUpdate:组件数据更新之前调用,此时可以修改数据。
- updated:组件数据更新之后调用,可以操作更新后的 DOM。
- beforeDestroy:组件销毁之前调用,此时可以进行一些清理工作。
- destroyed:组件销毁之后调用,此时组件已经被完全注销,可以进行一些垃圾回收工作。
小程序生命周期
小程序生命周期包括应用生命周期和页面生命周期两部分。
应用生命周期
- onLaunch:小程序初始化时调用,全局只触发一次。
- onShow:小程序启动或从后台进入前台显示时调用。
- onHide:小程序从前台进入后台时调用。
- onError:小程序发生脚本错误或 API 调用失败时调用。
页面生命周期
- onLoad:页面加载时触发,只会调用一次。
- onShow:页面显示时触发。
- onReady:页面初次渲染完成时触发。
- onHide:页面隐藏时触发。
- onUnload:页面卸载时触发。
uni-app 生命周期
在 uni-app 中,生命周期钩子函数同 Vue,但是增加了一些 uni-app 特有的生命周期函数。
- onLaunch:应用初始化时触发,全局只触发一次。
- onShow:应用启动或从后台进入前台显示时触发。
- onHide:应用从前台进入后台时触发。
- onError:应用发生脚本错误或 API 调用失败时触发。
- onUniNViewMessage:nvue 页面向 vue 页面发送消息时触发。
- onPageNotFound:页面不存在时触发。
- onUniNViewUnloading:nvue 页面卸载时触发。
以上是 Vue、小程序、uni-app 的生命周期钩子函数,开发者可以根据自己的需求在相应的生命周期函数中执行对应的操作