位置: 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)

  • 土地取得方式有哪些
  • 税控盘退费怎么做会计分录
  • 中山哪家企业招聘残疾人
  • 个体如何申请电子公章流程
  • 库存商品损坏怎么做账
  • 成本核算的三种基本方法
  • 资本公积转增股本什么意思
  • 售后回租业务是什么
  • 增值税发票作废如何处理
  • 房租收入如何缴税?
  • 仲裁费用计入什么会计科目
  • 进口货物付款计入哪个科目?
  • 建安税由谁承担
  • 加油的时候可以开发票吗
  • 专用发票作废后怎么处理
  • 增值税专用发票怎么开
  • 建筑业简易计税分包差额申报
  • 制造费用月末需要结转吗
  • 银行对公账户网上注销流程需要多久
  • 开给销货方红字信息表如何做账?
  • 个税汇算清缴申报错误怎么办
  • 网络不通怎么拼ip
  • 跨年的所得税怎么冲
  • 成本加成定价法包括()
  • 交了预付款后,一方违约怎么处理
  • 免费样品费计入什么科目
  • 预缴附加税款会退税吗
  • 至极加速
  • 资产负债表存货包括哪些科目
  • 前端框架view
  • 应收账款保理的主要意图在于
  • 解读一篇文章
  • 对于个体工商户不需要满足累计经营三个月以上的条件
  • 广告费业务宣传费可以结转吗
  • 购买土地缴纳契税
  • nerf代码
  • 处置长期股权投资产生的投资收益是什么
  • java强制类型转换有哪些
  • java基础介绍
  • 税票和发票的区别图片
  • 人力资源服务的发票明细
  • 企业购入固定资产发生的运输费,装卸费
  • 零申报是怎么回事
  • 一般纳税人公司开普票几个税点?
  • 外资企业可以融资吗
  • 印花税不足一元免征吗
  • 出口退税后发生退货补缴怎么算增值税
  • 借别人钱收据怎么写
  • 办公楼的装修费用如何进行财税处理
  • 发票未缴销是什么意思
  • 拍卖公司没开发票能退吗
  • 会计账簿按外表可分为
  • 事业单位应设置事业收入科目
  • sql server233错误
  • sql server修改数据表
  • Windows Server 2008制作密码重设盘
  • 双系统怎么设置引导启动项
  • mac更换软件图标
  • freebsd ip配置
  • macbookair屏幕变成横版
  • linux系统的配置设计过程
  • avgnt.exe
  • 太极越狱助手
  • windows10如何多选文件
  • 苹果官网入口
  • win7系统如何关闭开机自动启动软件
  • centos做服务器
  • win8操作中心怎么关闭
  • linux网络设备有哪些
  • Linux通过shell脚本创建SVN版本库简化创建过程
  • cocos2d原理
  • Jquery ajax基础教程
  • cocos2dx lua在sublime下的插件安装及查看定义
  • android真机调试闪退
  • javascript的判断语句
  • python爬虫模拟登录亚马逊
  • 手游开发流程具体
  • 简单谈谈你对公安工作的认识
  • python添加用户并加入到相应组
  • 河北云办税厅2.0登录
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设