uniapp的生命周期
时间: 2023-08-07 08:06:05 浏览: 241
UniApp是一个跨平台的应用开发框架,它采用了Vue.js作为前端开发框架。在UniApp中,应用的生命周期可以分为全局生命周期和页面生命周期。
全局生命周期包括以下几个阶段:
1. onLaunch:应用初始化阶段,在应用启动时触发,可以进行一些全局的初始化操作。
2. onShow:应用显示到前台时触发,可以进行一些需要在应用显示时执行的操作。
3. onHide:应用从前台切换到后台时触发,可以进行一些需要在应用隐藏时执行的操作。
4. onError:应用发生错误时触发,可以进行错误处理和日志记录。
5. onUniNViewMessage:接收子窗口(包括H5页面和Native页面)向父窗口发送的消息。
页面生命周期包括以下几个阶段:
1. onLoad:页面加载时触发,可以进行一些初始化操作和数据请求。
2. onShow:页面显示到前台时触发,可以进行一些需要在页面显示时执行的操作。
3. onReady:页面初次渲染完成时触发,可以进行一些需要在页面渲染完成后执行的操作。
4. onHide:页面从前台切换到后台时触发,可以进行一些需要在页面隐藏时执行的操作。
5. onUnload:页面销毁时触发,可以进行一些资源释放和清理操作。
除了上述生命周期外,UniApp还提供了一些特定平台的生命周期钩子,例如小程序平台的onShareAppMessage、onPageScroll等。
通过处理这些生命周期钩子函数,你可以在不同的阶段执行相应的操作,实现应用或页面的初始化、数据加载、页面切换等功能。
相关问题
uniapp生命周期
uni-app是一种跨平台的应用开发框架,它支持一系列的生命周期函数。在uni-app中,有应用生命周期函数和页面生命周期函数。
应用生命周期函数包括:
- onLaunch:当uni-app初始化完成时触发,全局只触发一次。
- onShow:当uni-app启动,或从后台进入前台显示时触发。
- onHide:当uni-app从前台进入后台时触发。
- onError:当uni-app报错时触发。
页面生命周期函数包括:
- onLoad:监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)。
- onShow:监听页面显示。页面每次出现在屏幕上都会触发,包括从下级页面返回露出当前页面。
- onReady:监听页面初次渲染完成。
- onHide:监听页面隐藏。
- onUnload:监听页面卸载。
此外,还有一个特殊的页面生命周期函数:
- onPageNotFound:当实际已经打开了页面(比如通过分享卡片、小程序码)但发现页面不存在时触发。注意,通过api跳转到不存在的页面不会触发该函数。
以上是uni-app的生命周期函数的一些说明和示例代码。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* [uni-app —— uni-app的生命周期](https://blog.csdn.net/Bonsoir777/article/details/127895952)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [uniapp生命周期](https://blog.csdn.net/qq_59076775/article/details/123314119)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [uni-app 生命周期](https://blog.csdn.net/YWW_ABC/article/details/121720505)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
uniApp生命周期
uniApp生命周期包括应用生命周期和页面生命周期两部分。应用生命周期包括onLaunch、onShow、onHide、onError等方法,而页面生命周期包括onLoad、onShow、onReady、onHide、onUnload等方法。具体解释如下:
1. 应用生命周期:
- onLaunch:应用初始化时触发,全局只触发一次。
- onShow:应用启动或从后台进入前台显示时触发。
- onHide:应用从前台进入后台时触发。
- onError:应用发生脚本错误或 API 调用失败时触发。
2. 页面生命周期:
- onLoad:页面加载时触发,只触发一次。
- onShow:页面显示时触发。
- onReady:页面初次渲染完成时触发。
- onHide:页面隐藏时触发。
- onUnload:页面卸载时触发。
需要注意的是,uniApp的生命周期与Vue的生命周期有所不同,需要开发者注意区分。同时,uniApp的生命周期也与小程序的生命周期有所不同,需要开发者根据实际情况进行调整。
阅读全文
相关推荐
















