当前位置: 首页 > article >正文

uniapp常用声明周期

        在用uniapp开发时利用好合适的生命周期会大大方便我们,常用的生命周期如下:

uniapp生命周期

生命周期钩子触发时机
onLoad页面加载数据时触发。指定任务函数时,第一个参数对象封装其他页面跳转传来参数。此时页面还未渲染。
onShow页面显示时触发。包括进入页面,返回页面。此时页面还未渲染。
onReady页面渲染完毕时触发。相当于Vue中的mounted。
onHide页面隐藏时触发。
onUnload页面卸载时触发。
onPullDownRefresh用户下拉刷新时触发。
onReachBottom页面触底时触发。
onPageScroll页面滚动时触发。

使用声明周期时需要通过import导入,

如:

import {onLoad, onShow} from '@dcloudio/uni-app'

uniapp与Vue生命周期同时使用

当uniapp生命周期与Vue同时使用时,执行流程如下:

Vue2

Vue3

更多详细生命周期请参考:uni-app官网-页面生命周期   


http://www.kler.cn/a/317383.html

相关文章:

  • 【数据结构】AVL树
  • 软件工程笔记二—— 软件生存期模型
  • 38配置管理工具(如Ansible、Puppet、Chef)
  • FluentUI使用
  • 【力扣热题100】[Java版] 刷题笔记-169. 多数元素
  • 淘宝代购系统;海外代购系统;代购程序,代购系统源码PHP前端源码
  • 【C++指南】inline内联函数详解
  • network request to https://registry.npmjs.org/xxx failed, reason: connect ETIM
  • Cesium影像纠偏:高德地图加载与坐标系纠偏技巧
  • 【机器学习(九)】分类和回归任务-多层感知机 (MLP) -Sentosa_DSML社区版
  • Github 2024-09-21Rust开源项目日报 Top10
  • Qt/C++ 了解NTFS文件系统,解析0x80 $Data属性,获取Run Lists数据列表
  • 仓颉编程语言4,遇到BUG求助
  • 数据中心里全速运行的处理器正在浪费能源
  • golang格式化输入输出
  • 【3D打印】使用simplify 3D切片更改Gcode手动断电续打、掉电、未打完继续打印、补救
  • Parallels Desktop 20 for Mac 推出:完美兼容 macOS Sequoia 与 Win11 24H2
  • 【Godot4.3】自定义数列类NumList
  • 【Qt | Qstring】Qstring详细介绍(字符串的添加、删除、修改、查询、截断、删除空白字符等)
  • Gitlab runner的使用示例(二):Maven + Docker 自动化构建与部署
  • 【游戏引擎】C++自制游戏引擎 Lunar Game Engine
  • 基于vue框架的宠物销售管理系统3m9h3(程序+源码+数据库+调试部署+开发环境)系统界面在最后面。
  • 微软开源GraphRAG的使用教程-使用自定义数据测试GraphRAG
  • Java中的快速排序算法详解
  • c++ pair
  • ubuntu下检查端口是否占用问题,编写shell脚本检查端口是否占用