uniapp小程序生命周期函数
时间: 2023-08-31 17:08:58 浏览: 106
在uni-app中,小程序的生命周期函数可以分为应用生命周期函数和页面生命周期函数。
应用生命周期函数包括:
- onLaunch: 当uni-app初始化完成时触发,全局只触发一次。
- onShow: 当uni-app启动,或从后台进入前台显示时触发。
- onHide: 当uni-app从前台进入后台时触发。
- onError: 当uni-app报错时触发。
页面生命周期函数包括:
- onLoad: 当页面加载时触发。
- onShow: 当页面显示时触发。
- onHide: 当页面隐藏时触发。
- onUnload: 当页面卸载时触发。
- onReady: 当页面初次渲染完成时触发。
需要注意的是,uni-app还支持nvue页面和支付宝小程序真机的特殊生命周期。nvue页面的生命周期与weex相同,可以参考weex的生命周期介绍。而支付宝小程序真机可以监听到非navigateBack引发的返回事件,并且不可以阻止默认的返回行为。
如果你想在App.vue文件中监听应用的生命周期,可以在<script>标签中编写相应的函数,如下所示:
```
<script>
export default {
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
</script>
```
这样,当应用的对应生命周期触发时,相应的函数就会执行,并输出相应的信息。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [uni-app的生命周期](https://blog.csdn.net/ZgaoYi/article/details/121685446)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [uniapp 生命周期简介](https://blog.csdn.net/BlizzardWu/article/details/112862047)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文