位置: IT常识 - 正文

uni-app--》uni-app的生命周期讲解

编辑:rootadmin
uni-app--》uni-app的生命周期讲解

推荐整理分享uni-app--》uni-app的生命周期讲解,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

🏍️作者简介:大家好,我是亦世凡华、渴望知识储备自己的一名在校大学生

🛵个人主页:亦世凡华、

🛺系列专栏:uni-app

🚲座右铭:人生亦可燃烧,亦可腐败,我愿燃烧,耗尽所有光芒。

👀引言

        ⚓经过web前端的学习,相信大家对于前端开发有了一定深入的了解,今天我开设了uni-app专栏,主要想从移动端开发方向进一步发展,而对于我来说写移动端博文的第二站就是uni-app开发,希望看到我文章的朋友能对你有所帮助。

目录

uni-app生命周期

应用生命周期

页面生命周期

组件生命周期


uni-app生命周期

业务逻辑很多时候简单的解释一句话:“在合适的时机干合适的事”。在页面运行过程中,各个阶段的回调函数就是页面中的时机,我们也称之为:“生命周期钩子函数”,在业务中我们也会写到很多回调的逻辑,这些回调其实也就是我们自定义的时机,uni-app的生命周期钩子函数的回调函数有哪些呢?如下:

应用生命周期

应用生命周期主要是在App.vue中运行,相关的生命周期函数如下:

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

当 uni-app 从前台进入后台

onError当 uni-app 报错时触发onUniNViewMessage当 nvue 页面发送的数据进行监听onUnhandleRejection对未处理的 Promise 拒绝事件监听函数(2.8.1+)onPageNotFound页面不存在监听函数onThemeChange监听系统主题变化

举一个使用最多的生命周期钩子函数:onPageNotFound,如下:

uni-app--》uni-app的生命周期讲解

设置一个404界面,当用户访问不存在的路径时,便会直接跳转到我们设置好的404界面用来提示用户当前页面不存在,如下:

页面生命周期

页面生命周期通常运行在组件页面上,相关的生命周期函数如下:

函数名说明onlnit监听页面初始化onLoad监听页面加载onShow监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面onReady监听页面初次渲染完成。如果渲染速度过快,会在页面进入动画前触发onHide监听页面隐藏onUnload监听页面卸载onResize监听窗口尺寸变化onPullDownRefresh监听用户下拉动作,一般用于下拉刷新onReachBottom页面滚动到底部的事件(不是scroll-view滚到低),常用于下拉下一页数据onTabltem Tap点击 tab 时触发onShareAppMessage用户点击右上角分享onPageScroll监听页面滚动onNavigationBarButtonTap监听原生标题栏按钮点击事件onBackPress监听页面返回onNavigationBarSearchInputChanged监听原生标题栏搜索输入框输入内容变化事件onNavigationBarSearchInputConfirmed监听原生标题栏搜索输入框搜索事件,用户点击软键盘上的“搜索”按钮时触发。onNavigationBarSearchInputClicked监听原生标题栏搜索输入框点击事件onShareTimeline监听用户点击右上角转发到朋友圈onAddToFavorites监听用户点击右上角收藏

举上面列表几个简单的例子来进行讲解,如下:

onLoad:监听页面加载。这里可以结合应用生命周期的onPageNotFound函数,进行404返回跳转

onPullDownRefresh:监听用户下拉动作,一般用于下拉刷新,这里需要设置一下pages.json文件

组件生命周期

uni-app 组件支持的生命周期,与vue标准组件的生命周期相同。这里没有页面级的onLoad等生命周期:

函数名说明beforeCreate在实例初始化之前被调用。created在实例创建完成后被立即调用。beforeMount在挂载开始之前被调用。mounted挂载到实例上去之后调用。beforeUpdate数据更新时调用,发生在虚拟 DOM 打补丁之前。updated由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调用该钩子。beforeDestroy实例销毁之前调用。在这一步,实例仍然完全可用。destroyedVue 实例销毁后调用。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。

相关演示可参考vue生命周期讲解文章:Vue组件生命周期的三个阶段 。

本文链接地址:https://www.jiuchutong.com/zhishi/295293.html 转载请保留说明!

上一篇:K8s超详细安装部署流程(k8s安装步骤)

下一篇:Grad-CAM简介(grad_cam)

  • 小米10支持多少倍变焦呢(小米10支持多少瓦无线快充)

    小米10支持多少倍变焦呢(小米10支持多少瓦无线快充)

  • 美团闪购商家首单什么意思(美团闪购页面在哪里)

    美团闪购商家首单什么意思(美团闪购页面在哪里)

  • 小电充电宝可以自己在家充电吗(小电充电宝可以随便还吗)

    小电充电宝可以自己在家充电吗(小电充电宝可以随便还吗)

  • 手机摔地上黑屏了怎么办(手机摔地上黑屏了多少钱修好)

    手机摔地上黑屏了怎么办(手机摔地上黑屏了多少钱修好)

  • oppo a92s手机上市时间(oppo a92 上市时间)

    oppo a92s手机上市时间(oppo a92 上市时间)

  • 华为哪款手机带红外线遥控功能(华为哪款手机带红外线)

    华为哪款手机带红外线遥控功能(华为哪款手机带红外线)

  • 苹果8什么处理器(苹果8什么处理器和8p)

    苹果8什么处理器(苹果8什么处理器和8p)

  • 高温wifi和低温wifi区别(高温wifi和低温wifi是什么意思)

    高温wifi和低温wifi区别(高温wifi和低温wifi是什么意思)

  • 抖音封号申诉无效怎么办(抖音封号申诉无效多久申请第二次)

    抖音封号申诉无效怎么办(抖音封号申诉无效多久申请第二次)

  • 淘宝账号能给别人用吗(淘宝账号能给别人说吗)

    淘宝账号能给别人用吗(淘宝账号能给别人说吗)

  • 苹果下东西验证码看不见(苹果手机下软件验证)

    苹果下东西验证码看不见(苹果手机下软件验证)

  • 锐龙r5 3600相当于i几(锐龙r53600相当于i几)

    锐龙r5 3600相当于i几(锐龙r53600相当于i几)

  • vivoy67上市时间(vivoy67a上市时间)

    vivoy67上市时间(vivoy67a上市时间)

  • 华为手机怎么开热点(华为手机怎么开启存储权限)

    华为手机怎么开热点(华为手机怎么开启存储权限)

  • 苹果6显示无服务怎么回事(苹果6显示无服务他不是擦卡版的)

    苹果6显示无服务怎么回事(苹果6显示无服务他不是擦卡版的)

  • 144hz和120hz区别大吗(电视刷新率144hz和120hz区别)

    144hz和120hz区别大吗(电视刷新率144hz和120hz区别)

  • ios13.3.1什么时候更新(苹果13.3.1什么时候正式更新)

    ios13.3.1什么时候更新(苹果13.3.1什么时候正式更新)

  • 华为p30在哪找极速快充(华为p30在哪找极速充电)

    华为p30在哪找极速快充(华为p30在哪找极速充电)

  • 抖音开店保证金是多少(抖音开店保证金多久能退回来)

    抖音开店保证金是多少(抖音开店保证金多久能退回来)

  • 手机呼叫转移怎么取消(手机呼叫转移怎么搞)

    手机呼叫转移怎么取消(手机呼叫转移怎么搞)

  • 苹果11原相机有美颜吗(苹果11原相机有水印功能吗)

    苹果11原相机有美颜吗(苹果11原相机有水印功能吗)

  • Win11上DNS服务器错误不可用怎么办?DNS服务器不可用修复方法(win11dns电脑服务器未响应如何处理)

    Win11上DNS服务器错误不可用怎么办?DNS服务器不可用修复方法(win11dns电脑服务器未响应如何处理)

  • 在win10中,为何桌面新建文件夹提示“无法创建文件夹”?(win10为什么毛病这么多)

    在win10中,为何桌面新建文件夹提示“无法创建文件夹”?(win10为什么毛病这么多)

  • 生产企业的基础设施是指
  • 对外捐赠计入
  • 合同资产在资产负债表中列入什么项目
  • 应交增值税和应交税费
  • 跨年的费用怎么调整
  • 工商年报本期社保怎么填
  • 会计期末要做的事情
  • 无形资产研发费用加计扣除是晢时差异吗
  • 材料暂估入库后怎么做账
  • 费用利润率计算公式是什么意思
  • 结转劳务费
  • 个人收到的国外短信
  • 专家评审费个人所得税由谁支付
  • 主营业务税金及附加大概比例
  • 宽带费增值税
  • 应收账款怎么样转入以前年度损益调整
  • 清包工和甲供工区别在哪
  • 开票软件的地址怎么修改
  • 记账凭证和转账凭证可以装订在一起吗
  • 进项票转出怎么写分录
  • 税控盘的抵扣怎么填
  • mac安装软件提示需要更高版本
  • windows11咋样
  • deepin咋样
  • 当前页面的脚本发生错误是否要在此页面上继续运行脚本
  • PHP:pcntl_wifexited()的用法_PCNTL函数
  • 转让股权怎么做分录
  • 搭建自己的php mvc框架
  • 红字发票什么作用
  • thinkphp自定义标签
  • php字符串转换
  • php504错误
  • react中key
  • 营业额是营业收入总额吗
  • MySQL中用通用查询日志找出查询次数最多的语句的教程
  • 小微企业利润表数据
  • 高铁票进项抵扣计算错了 怎么办理
  • sql3表连接查询
  • 小规模纳税人免增值税的账务处理
  • 金蝶低值易耗品报废操作
  • 简易办法征收增值税是什么意思
  • 开发票价格能否比实际金额高?
  • 核定征收和查账征收报税有区别吗
  • 销售分哪几类
  • 商业保理怎么账务处理?
  • 购进免税农产品进项税额计算
  • 单位内部食堂怎么收费
  • 如何冲减计提费用
  • 企业税负是否包含增值税
  • 暂估入库需要入什么科目
  • 商业汇票怎么算到期日
  • 交易性金融资产的账务处理
  • 报销如果没有发票怎么补救
  • mysqld mysql
  • sqlserver怎么使用索引
  • windows任务管理
  • linux切换到home文件夹
  • gdiwindow是什么
  • win7如何设置共享
  • 怎么提高xp系统运行速度
  • 在windows中用于显示正在运行的程序名称的栏称为
  • mac无法开机怎么办
  • win101909消费者版是什么意思
  • win10系统无法运行exe文件
  • win10登录界面壁纸
  • javascript编程规范
  • shell脚本中执行echo卡住
  • 列表框代码
  • node性能优化
  • xml文件示例
  • 安卓开发解析xml
  • css中渐变
  • shell批量执行curl
  • python入门100例
  • Unity3D游戏开发pdf
  • JavaScript设置字体颜色
  • 类库怎么用
  • 江苏省国税务局严三国
  • 网上增值税发票验旧
  • 江苏省高中教师资格证考试科目
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设