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

相关推荐
天蓝色的鱼鱼9 小时前
从“死了么”到“我在”:用uniCloud开发一款温暖人心的App
前端·uni-app
小徐_23339 小时前
uni-app 组件库 Wot UI 的 AI 友好型编程指南
前端·uni-app
CHB1 天前
uni-app x 蒸汽模式 性能测试基准报告 Benchmark
uni-app·harmonyos
anyup1 天前
月销 8000+,uView Pro 让 uni-app 跨端开发提速 10 倍
前端·uni-app·开源
willow4 天前
uniapp实战
uni-app
只会cv的前端攻城狮4 天前
兼容性地狱-Uniapp钉钉小程序环境隔离踩坑实录
前端·uni-app
codingWhat6 天前
小程序里「嵌」H5:一套完整可落地的 WebView 集成方案
前端·uni-app·webview
小时前端7 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
Mr_li8 天前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup8 天前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos