首页 > 其他分享 >Uniapp生命周期

Uniapp生命周期

时间:2024-09-19 15:50:33浏览次数:7  
标签:Uniapp 生命周期 触发 应用程序 实例 组件 页面

UniApp框架中的生命周期函数主要分为两大类:页面生命周期和组件生命周期。

  1. 页面生命周期:

  • onLoad:页面加载时触发。

  • onShow:页面显示时触发。

  • onReady:页面初次渲染完成时触发。

  • onHide:页面隐藏时触发。

  • onUnload:页面卸载时触发。

  • onPullDownRefresh:用户下拉页面触发。

  • onReachBottom:页面上拉触底部时触发。

  • onShareAppMessage:用户点击右上角分享时触发。

  • onPageScroll:页面滚动时触发。

  • onTabItemTap:当前是 tab 页时,点击 tab 时触发。

  1. 组件生命周期:

  • beforeCreate:实例初始化之前。

  • created:实例创建完成。

  • beforeMount:挂载开始之前。

  • mounted:挂载到实例之后。

  • beforeUpdate:数据更新之前。

  • updated:数据更新之后。

  • beforeDestroy:实例销毁之前。

  • destroyed:实例销毁之后。

  • activated:组件被 keep-alive 激活时调用。

  • deactivated:组件被 keep-alive 停用时调用。

  • errorCaptured:捕获子组件的错误时调用。

  3.应用生命周期

  • onLaunch:应用程序启动时触发,仅在应用程序第一次启动时触发。
  • onShow:应用程序启动或从后台进入前台时触发,可以获取到应用程序被打开的方式和场景值。
  • onHide:应用程序进入后台时触发。
  • onError:应用程序发生错误时触发,可以用来捕获和处理错误信息。
  • onUniNViewMessage:监听来自nvue页面的消息。

标签:Uniapp,生命周期,触发,应用程序,实例,组件,页面
From: https://www.cnblogs.com/fly-s/p/18420741

相关文章

  • uniapp 打包32位
    uniapp打包32位在uniapp中,如果你想要打包成32位的应用,你需要确保你的开发环境支持32位构建,并且你的电脑操作系统也支持32位应用。以下是打包32位应用的步骤:确保你的开发环境支持32位构建,比如HBuilderX。在HBuilderX中,打开你的uniapp项目。在项目视图中,找......
  • 基于SpringBoot + Uniapp的公开课管理小程序(角色:学生、教师、管理员)
    文章目录前言一、详细操作演示视频二、具体实现截图三、技术栈1.前端-Vue.js2.后端-SpringBoot3.数据库-MySQL4.系统架构-B/S四、系统测试1.系统测试概述2.系统功能测试3.系统测试结论五、项目代码参考六、数据库代码参考七、项目论文示例八、一站式毕设支持服务结语......
  • uniapp [全端兼容] - 详细实现全局修改设置字体大小功能效果,统一修改页面字号字体大小
    前言网上的教程乱七八糟且兼容性太差,本文提供优质示例。在uni-app全平台兼容(H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue)开发中,详解实现全局设置字体大小,实现小中大的字体切换,改变设置改变全局字体大小功能,支持要动态设置要变更字号的页面,通过配置来决定......
  • uniapp utils
    import{sendUpdataUrl,IMG_URL}from"/http";importmomentfrom'moment'importCryptoJSfrom'crypto-js';constStorage={/***设置缓存*@param{string}key-键*@param{any}value-值*@param{string}exp......
  • ‌Spring的生命周期主
    ‌Spring的生命周期主要包括以下几个阶段‌: ‌实例化(Instantiation)‌:SpringIoC容器根据配置文件或注解信息创建Bean的实例。‌属性赋值(DependencyInjection)‌:SpringIoC容器为Bean的属性设置值,这通常包括依赖注入(DI),即将其他Bean注入到当前Bean中。‌初始化(Initialization......
  • uni-app生命周期
    目录一、页面生命周期1、onLoad【常用】2、onShow【常用】3、onReady【常用】4、onHide【常用】5、onPullDownRefresh【常用】6、onReachBottom【常用】二、应用生命周期1、onLaunch【常用】2、onShow【常用】3、onHide【常用】三、组件生命周期1、beforeCreate......
  • 【2025】基于Spring Boot和uniapp的物流管理小程序(源码+文档+调试+答疑)
    ......
  • 基于微信小程序UNIAPP+Spring Boot的涪陵区特色农产品交易系统
    目录前言 一、技术栈二、系统功能介绍三、核心代码1、登录模块 2、文件上传模块3、代码封装前言相比于以前的传统手工管理方式,智能化的管理方式可以大幅降低特色农产品交易的运营人员成本,实现了涪陵区特色农产品交易的标准化、制度化、程序化的管理,有效地防止了......
  • 基于uniapp小程序的自助点餐系统附带文章源码部署视频讲解等
    文章目录前言详细视频演示具体实现截图核心技术介绍小程序框架Uniapp前端框架Vue持久层框架MyBaits为什么选择我代码参考数据库参考测试用例参考源码获取前言......
  • 基于uniapp小程序的答题小程序附带文章源码部署视频讲解等
    文章目录前言详细视频演示具体实现截图核心技术介绍小程序框架Uniapp前端框架Vue持久层框架MyBaits为什么选择我代码参考数据库参考测试用例参考源码获取前言......