uniapp 应用的生命周期、页面的生命周期、组件的生命周期

ops/2024/12/19 0:05:38/
htmledit_views">

uniapp 作为一款跨平台的移动应用开发框架,其生命周期分为应用生命周期、页面生命周期和组件生命周期。下面分别介绍这三种生命周期的具体内容:

应用生命周期

应用生命周期仅适用于整个应用,在 App.vue 中可以监听到以下生命周期函数:

  • onLaunch:当应用启动完成时触发,全局只触发一次。
  • onShow:当应用启动或从后台进入前台显示时触发。
  • onHide:当应用从前台进入后台时触发。
  • onUnload:当应用从内存中卸载时触发。
  • onError:当应用发生脚本错误或API异常时触发。

页面生命周期

页面生命周期函数在 pages.json 中配置的页面有以下几个:

  • onLoad:页面加载时触发,参数 options 包含了页面路径和参数。
  • onShow:页面显示时触发,每次页面出现在屏幕上都会触发。
  • onReady:页面首次渲染完成时触发,相当于 Vue 中的 mounted
  • onHide:页面隐藏时触发,如页面跳转或被其他页面遮盖。
  • onUnload:页面卸载时触发,如页面关闭。

组件生命周期

组件生命周期函数在组件内部定义,与 Vue 组件的生命周期类似:

  • beforeCreate:在实例初始化之后、数据观测和事件配置之前被调用。
  • created:在实例创建完成后被立即调用。在这一步,实例已完成数据观测、属性和方法的运算,watch/event 事件回调已设置,但是挂载阶段还没开始,$el 属性目前不可见。
  • beforeMount:在挂载开始之前被调用:相关的 render 函数首次被调用。
  • mounted:挂载完成后被调用。el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。
  • beforeUpdate:数据更新时调用,发生在虚拟DOM打补丁之前。适用于在现有DOM应用一些更新条件时使用。
  • updated:由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用这个钩子。
  • beforeDestroy:实例销毁之前调用。在这一步,实例仍然完全可用。
  • destroyed:Vue 实例销毁后调用。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。

http://www.ppmy.cn/ops/143025.html

相关文章

FastJson反序列化学习-01

&#x1f338; FastJson FastJson是一个由阿里巴巴开发的高性能JSON处理库&#xff0c;支持Java对象与JSON字符串之间的互相转换。 本次漏洞研究基于FastJson的1.2.24版本。也就是最早出现FastJson反序列化漏洞的版本。 CVE-2017-18349&#xff0c;FastJson<1.2.24 &…

SQL 标准定义了哪些事务隔离级别?

SQL标准定义了四个事务隔离级别&#xff0c;它们分别是&#xff1a; READ UNCOMMITTED&#xff08;读取未提交&#xff09;&#xff1a; 最低的隔离级别。允许读取尚未提交的数据变更。可能会导致脏读、幻读或不可重复读。脏读是指一个事务可以读取到另一个事务未提交的数据。 …

ADB在浏览器中:ya-webadb项目安装与配置完全指南

ADB在浏览器中&#xff1a;ya-webadb项目安装与配置完全指南 ya-webadb ADB in your browser [这里是图片001] 项目地址: https://gitcode.com/gh_mirrors/ya/ya-webadb 项目基础介绍与编程语言 ya-webadb 是一个由 Yume-chan 开发的开源项目&#xff0c;它实现了ADB&#x…

基于大数据爬虫数据挖掘技术+Python的线上招聘信息分析统计与可视化平台(源码+论文+PPT+部署文档教程等)

博主介绍&#xff1a;CSDN毕设辅导第一人、全网粉丝50W,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌ 技术范围&#xff1a;SpringB…

Android Studio创建新项目并引入第三方so外部aar库驱动NFC读写器读写IC卡

本示例使用设备&#xff1a;https://item.taobao.com/item.htm?spma21dvs.23580594.0.0.52de2c1bbW3AUC&ftt&id615391857885 一、打开Android Studio,点击 File> New>New project 菜单&#xff0c;选择 要创建的项目模版&#xff0c;点击 Next 二、输入项目名称…

在 Docker 中运行 Golang 应用程序,如何做?

文章精选推荐 1 JetBrains Ai assistant 编程工具让你的工作效率翻倍 2 Extra Icons&#xff1a;JetBrains IDE的图标增强神器 3 IDEA插件推荐-SequenceDiagram&#xff0c;自动生成时序图 4 BashSupport Pro 这个ides插件主要是用来干嘛的 &#xff1f; 5 IDEA必装的插件&…

浅谈Java注解之CachePut

一、CachePut的介绍 Java注解CachePut是Spring框架中用于缓存操作的一部分&#xff0c;主要用于更新缓存中的数据。 功能说明 CachePut注解用于在方法执行后更新缓存中的数据。与Cacheable不同&#xff0c;CachePut注解的方法总是会被执行&#xff0c;并且其返回结果会被放入缓…

概率论得学习和整理27:关于离散的数组 随机变量数组的均值,方差的求法3种公式,思考和细节。

目录 1 例子1&#xff1a;最典型的&#xff0c;最简单的数组的均值&#xff0c;方差的求法 2 例子1的问题&#xff1a;例子1只是1个特例&#xff0c;而不是普遍情况。 2.1 例子1各种默认假设&#xff0c;导致了求均值和方差的特殊性&#xff0c;特别简单。 2.2 我觉得 加权…