当前位置: 首页 > 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/news/317383.html

相关文章:

  • 【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脚本检查端口是否占用
  • 使用Python实现图形学曲线和曲面的NURBS算法
  • ChartLlama: A Multimodal LLM for Chart Understanding and Generation论文阅读
  • unity Compute Shaders 使程序在GPU中运行
  • LeetCode54. 螺旋矩阵(2024秋季每日一题 21)
  • 计算机毕业设计Hadoop+PySpark深圳共享单车预测系统 PyHive 共享单车数据分析可视化大屏 共享单车爬虫 共享单车数据仓库 机器学习 深度学习
  • 工博会蓝卓逛展攻略
  • C#测试调用Ghostscript.NET浏览PDF文件
  • <刷题笔记> 二叉搜索树与双向链表注意事项
  • OpenHarmony(鸿蒙南向开发)——标准系统方案之瑞芯微RK3568移植案例(上)
  • 流域碳中和技术