uniapp小程序生命周期
时间: 2023-09-07 18:18:11 浏览: 63
uniapp小程序的生命周期包括以下几个阶段:
1. 应用初始化阶段:
- onLaunch: 当小程序初始化完成时触发,可以在这个阶段获取用户信息、登录状态等。
2. 应用显示阶段:
- onShow: 当小程序启动或从后台进入前台显示时触发。
- onHide: 当小程序从前台进入后台隐藏时触发。
3. 页面生命周期:
- onLoad: 当页面加载时触发,可以在这个阶段进行一些初始化操作。
- onShow: 当页面显示时触发。
- onReady: 当页面初次渲染完成时触发,此时页面的DOM结构已经生成。
- onHide: 当页面隐藏时触发。
- onUnload: 当页面卸载时触发,可用于清理页面数据或监听器。
4. 组件生命周期:
- beforeCreate: 在组件实例被创建之前触发。
- created: 在组件实例被创建后立即触发,可以在这个阶段进行异步请求数据等操作。
- beforeMount: 在组件挂载之前触发。
- mounted: 在组件挂载后触发,此时组件已经渲染到页面中。
- beforeUpdate: 在组件更新之前触发。
- updated: 在组件更新后触发。
- beforeDestroy: 在组件销毁之前触发。
- destroyed: 在组件销毁后触发。
这些生命周期的触发顺序和常规小程序基本一致,开发者可以根据需要在对应的生命周期函数中编写相应的逻辑代码。
相关问题
uniapp小程序生命周期函数
在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 ]
uniapp小程序组件生命周期
uniapp小程序的组件生命周期包括以下几个生命周期函数:
1. onInit:在组件被初始化时调用,可以在这里进行一些初始化的操作。
2. onLoad:在组件加载时调用,可以在这里进行数据的加载和初始化。
3. onShow:在组件显示时调用,可以在这里进行数据的更新或重新渲染。
4. onReady:在组件初次渲染完成时调用,可以在这里进行一些操作,比如获取节点信息。
5. onHide:在组件被隐藏时调用,比如切换到其他页面。
6. onUnload:在组件被销毁时调用,可以在这里进行一些清理操作。
总的来说,组件的生命周期函数可以帮助我们在不同的阶段执行相应的操作,比如初始化数据、更新数据、清理资源等。通过合理地利用这些生命周期函数,可以提高小程序的性能和用户体验。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [uni-app生命周期(小程序,单页面,组件)](https://blog.csdn.net/weixin_66556453/article/details/125433537)[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%"]
- *3* [uni-app实现购物商城的微信小程序,优秀毕业设计源代码,小白必看!](https://download.csdn.net/download/qq_42257666/87667930)[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 ]
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)