当前位置:首页 > 编程技术 > 正文内容

uniapp 中的生命周期函数

yc8881年前 (2022-12-08)编程技术216

uniapp 中的生命周期函数

1. 应用生命周期


只列举出最常用的应用生命周期函数,更多应用生命周期函数前往官方文档查看

应用生命周期函数文档: https://uniapp.dcloud.io/collocation/App.html#applifecycle

应用生命周期函数定义在 App.vue 中,应用生命周期仅可在 App.vue 中监听,在页面监听无效

函数名 说明
onLaunch 当 uni-app 初始化完成时触发(全局只触发一次)
onShow 当 uni-app 启动,或从后台进入前台时触发
onHide 当 uni-app 从前台进入后台时触发

应用生命周期函数的应用场景 ?

onLaunch: 检查网络状态,检查版本更新

onShow: 每次进入页面都重新请求接口刷新页面数据

onHide: 可以用于记录 uni-app 在后台的挂载时间

2. 页面生命周期


只列举出最常见的页面生命周期函数,更多页面生命周期函数前往官方文档查看

页面生命周期函数文档: https://uniapp.dcloud.io/tutorial/page.html#lifecycle

函数名 说明
onLoad 监听页面加载
onShow 监听页面显示
onReady 监听页面初次渲染完成
onHide 监听页面隐藏
onPullDownRefresh 监听用户下拉动作,一般用于下拉刷新
onReachBottom 页面滚动到底部的事件,一般用于上拉加载下一页数据
onShareAppMessage 用户点击右上角分享
onPageScroll 监听页面滚动距离

3. 组件生命周期


只列举出最常用的组件生命周期函数,更多组件生命周期函数前往官方文档查看

页面生命周期函数文档: https://uniapp.dcloud.io/tutorial/page.html#componentlifecycle

函数名 说明
created 在实例创建完成之后被立即调用

本站发布的内容若侵犯到您的权益,请邮件联系站长删除,我们将及时处理!


从您进入本站开始,已表示您已同意接受本站【免责声明】中的一切条款!


本站大部分下载资源收集于网络,不保证其完整性以及安全性,请下载后自行研究。


本站资源仅供学习和交流使用,版权归原作者所有,请勿商业运营、违法使用和传播!请在下载后24小时之内自觉删除。


若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,使用者自行承担,概与本站无关。


本文链接:https://www.10zhan.com/biancheng/10191.html

标签: uniapp
分享给朋友:

“uniapp 中的生命周期函数” 的相关文章

【说站】laravel实现自定义404页面并给页面传值

【说站】laravel实现自定义404页面并给页面传值

以 laravel5.8 为例,虽然有自带的404页面,但太简单,我们更希望能自定义404页面,将用户留在站点。实现的方式很简单,将自定义的视图文件命名为 404.blade.php,并放到 reso...

【说站】利用Webhook实现Java项目自动化部署

【说站】利用Webhook实现Java项目自动化部署

用webhook就能实现Java项目自动部署,其实原理很简单。费话不多说,直接往下看教程。1. 创建gitee仓库并初始化2. 在linux安装git3. 在宝塔的软件的商店里下载Webhook4....

【说站】vagrant实现linux虚拟机的安装并配置网络

【说站】vagrant实现linux虚拟机的安装并配置网络

一、VirtualBox的下载和安装1、下载VirtualBox官网下载:https://www.virtualbox.org/wiki/Downloads我的电脑是Windows的,所以下载Wind...

【说站】Java从resources读取文件内容的方法有哪些

【说站】Java从resources读取文件内容的方法有哪些

本文主要介绍的是java读取resource目录下文件的方法,比如这是你的src目录的结构├── main│ ├── java│ │ └── ...

【说站】linux中redis如何以redis用户重启?

【说站】linux中redis如何以redis用户重启?

通过上图我们可以看到,目前状态是已经以 redis 用户启动着,我想修改下 redis 的密码,然后怎么以 redis 用户重启呢?redis 是 nologin 用户,不能通过 su redis 切...

【说站】Python获取最新疫情数据实现动态地图实时展示各地情况

【说站】Python获取最新疫情数据实现动态地图实时展示各地情况

疫情降临转眼已经第三年了,时间过得真快,愿疫情早点结束,世界不再多灾多难。最近疫情稍微好转一些了,所以咱们获取一下最新的疫情数据,做个可视化地图看看。效果展示获取到的数据咱们保存到表格可视化地图颜色是...