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

uniapp 中的生命周期函数

yc8882年前 (2022-12-08)编程技术337

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...

【说站】Thymeleaf报错Error resolving template “XXX”

【说站】Thymeleaf报错Error resolving template “XXX”

修改了一下开源项目的目录结构访问突然报错Error resolving template “XXX”可能原因有如下三种:第一种可能:原因:在使用springboot的过程中,如果使用thymeleaf...

【说站】用一句话就可以去除宝塔面板操作上的二次验证

【说站】用一句话就可以去除宝塔面板操作上的二次验证

用过宝塔的朋友应该都会发现,现在宝塔面板有些鸡肋的功能,删除文件、删除数据库、删除站点等操作都需要做计算题!不仅加了几秒的延时等待,还无法跳过!这时候就会有朋友在想,如何去除宝塔面板的二次验证,此篇文...

【说站】Centos8.0如何配置静态IP详解及永久关闭防火墙

【说站】Centos8.0如何配置静态IP详解及永久关闭防火墙

这篇文章主要介绍了详解Centos8 配置静态IP的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来学习一下!1. 查看自己的网关地址点击虚...

【说站】电脑安装MySQL时出现starting the server失败原因及解决方案

【说站】电脑安装MySQL时出现starting the server失败原因及解决方案

今天在安装MySQL时出现starting the server失败,经过查询分析得出以下结论,记录一下操作步骤。原因分析:如果电脑是第一次安装MySQL,一般不会出现这样的报错。如下图所示。star...

【说站】C#在PDF中添加墨迹注释Ink Annotation的步骤详解

【说站】C#在PDF中添加墨迹注释Ink Annotation的步骤详解

PDF中的墨迹注释(Ink Annotation),表现为徒手涂鸦式的形状;该类型的注释,可任意指定形状顶点的位置及个数,通过指定的顶点,程序将连接各点绘制成平滑的曲线。下面,通过C#程序代码介绍如何...