小程序生命周期函数有
时间: 2024-03-24 18:32:49 浏览: 26
小程序生命周期函数包括全局生命周期函数和页面生命周期函数两部分。
全局生命周期函数包括:
1. onLaunch:小程序初始化时触发,全局只触发一次。
2. onShow:小程序启动或从后台进入前台显示时触发。
3. onHide:小程序从前台进入后台时触发。
4. onError:小程序发生脚本错误或 API 调用失败时触发。
页面生命周期函数包括:
1. onLoad:页面加载时触发。
2. onShow:页面显示时触发。
3. onReady:页面初次渲染完成时触发。
4. onHide:页面隐藏时触发。
5. onUnload:页面卸载时触发。
以下是一个小程序页面生命周期函数的例子:
```javascript
Page({
data: {
message: 'Hello World!'
},
onLoad: function () {
console.log('页面加载完成')
},
onShow: function () {
console.log('页面显示')
},
onReady: function () {
console.log('页面初次渲染完成')
},
onHide: function () {
console.log('页面隐藏')
},
onUnload: function () {
console.log('页面卸载')
}
})
```
相关问题
微信小程序生命周期函数
微信小程序的生命周期函数包括:onLaunch、onShow、onHide、onError、onPageNotFound。
1. onLaunch:小程序初始化时触发,只会执行一次,可以在这里进行全局数据的初始化。
2. onShow:小程序启动或从后台进入前台显示时触发,可以在这里进行页面数据的初始化、获取用户信息等操作。
3. onHide:小程序从前台进入后台时触发,可以在这里进行页面数据的保存、清理定时器等操作。
4. onError:小程序发生错误时触发,可以在这里进行错误日志的打印或上报等处理。
5. onPageNotFound:小程序页面找不到时触发,可以在这里进行页面跳转或提示用户等处理。
以上就是微信小程序的生命周期函数,开发者可以根据需要在相应的生命周期函数中编写对应的代码逻辑。
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 ]