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

uni-app快速入门(三)--UniApp生命周期

uni-app官方网站:uni-app官网

      uni-app生命周期分为应用生命周期、页面生命周期、组件生命周期。应用生命周期函数包括onLaunch、onShow、onHide、onError等,应用生命周期仅可在App.vue文件中监听。

    页面生命周期写在pages文件夹下的文件中。包括onLoad、onShow、OnReady、onHide、onUnload、onResize 等等,不详细列举,下文会推荐其他博客供大家详细学习。

    组件生命周期写在components文件夹下的文件中,函数包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。

   对于新手一开始不需要硬记以上的函数,可以把这些函数理解为事件,在不同的事件触发时可能会加入不同的处理脚本。

下面推荐一个博文大家感兴趣的话可以详细了解:uni-app 生命周期_uniapp生命周期-CSDN博客文章浏览阅读5.4k次,点赞24次,收藏38次。uni-app 组件支持的生命周期,与vue标准组件的生命周期相同。这里没有页面级的onLoad等生命周期函数名说明平台差异在实例初始化之前被调用created在实例创建完成后被立即调用在挂载开始之前被调用mounted挂载到实例上去之后调用。详见 注意:此处并不能确定子组件被全部挂载,如果需要子组件完全挂载之后在执行操作可以使用$nextTick数据更新时调用,发生在虚拟 DOM 打补丁之前仅H5平台支持updated由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调用该钩子。_uniapp生命周期https://blog.csdn.net/x550392236/article/details/138867891


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

相关文章:

  • 【实验11】卷积神经网络(2)-基于LeNet实现手写体数字识别
  • PostgreSQL TRUNCATE TABLE
  • FreeSWITCH chat 得到的是 Error! Message Not Sent
  • spark 设置hive.exec.max.dynamic.partition不生效
  • nginx源码安装配置ssl域名
  • daos集群部署(单机)
  • java导出pdf
  • 后台管理系统(开箱即用)
  • 20241116下载中科创达的TurboX D660核心板的Android11的SDK的详细LOG
  • 前端第一天 鸿蒙实训第19天 前端篇
  • DAY29|贪心算法Part03|LeetCode:134. 加油站、135. 分发糖果、860.柠檬水找零、406.根据身高重建队列
  • 论文 | The Capacity for Moral Self-Correction in LargeLanguage Models
  • 蓝队基础2 -- 外部威胁与攻击面
  • 报错ImportError: Pandas requires version ‘3.0.7‘ or newer of ‘openpyxl‘
  • pom中无法下载下来的类外部引用只给一个jar的时候
  • ArkUI---常用组件---切换按钮 (Toggle)
  • 重置docker版本的octoprint管理员账号密码
  • ECharts 创建图表示例
  • 30 秒!用通义灵码画 SpaceX 星链发射流程图
  • Android 开启流量节省状态会使热点与网络共享无法打开
  • POI word转pdf乱码问题处理
  • Spring框架之命令模式 (Command Pattern)
  • RestSharp基本使用方法
  • 2024-11-16-机器学习方法:无监督学习(1) 聚类(上)
  • 快速上手:Docker 安装详细教程(适用于 Windows、macOS、Linux)
  • 【循环测试试题3】小X与数字三角形