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

相关推荐
番茄Salad1 小时前
UniApp和微信小程序中v-switch夜间模式动画开关
ui·微信小程序·uni-app
总爱写点小BUG2 小时前
芋道uniapp用户端
uni-app
码农研究僧15 小时前
uniapp的图片上传与提交(Demo记录)
uni-app·vue·图片上传·js
db_lnn_202118 小时前
【uni-app】引用公共组件
前端·vue.js·uni-app
Forevermoremo20 小时前
uniapp页面列表,详情返回不刷新,新增或编辑后返回刷新
java·服务器·uni-app
胡桃夹夹子21 小时前
uniapp自身bug | uniapp+vue3打包后 index.html无法直接运行
javascript·uni-app·bug
Synmbrf1 天前
Uniapp video使用子窗体解决app端自定义UI层级问题
vue.js·uni-app
Synmbrf1 天前
Uniapp 基于renderjs封装原生h5 video组件(解决自定义UI层级+兼容ios全屏问题)
javascript·uni-app
dr李四维1 天前
uniapp从 vue2 项目迁移到 vue3流程
javascript·vue.js·uni-app·vue3·vue2·vuex·vue迁移
风继续吹..2 天前
uniapp整合SQLite(Android)
数据库·sqlite·uni-app