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

相关推荐
半兽先生2 小时前
uniapp高性能ui框架uni-ui
ui·uni-app
qq_316837754 小时前
uniapp 观察列表每个元素的曝光时间
前端·javascript·uni-app
iOS阿玮7 小时前
打个广告,帮忙招一个iOS开发的扛把子~
uni-app·app·apple
Cerrda8 小时前
🌟让你的uniapp应用拥有更现代的交互体验,一个支持滚动渐变透明的导航栏组件🌟
uni-app
2501_916007479 小时前
iOS 应用性能测试的工程化流程,构建从指标采集到问题归因的多工具协同测试体系
android·ios·小程序·https·uni-app·iphone·webview
00后程序员张12 小时前
iOS 抓不到包怎么办?从 HTTPS 解密、QUIC 排查到 TCP 数据流分析的完整解决方案
android·tcp/ip·ios·小程序·https·uni-app·iphone
前端互助会13 小时前
UNI-APP开发APP避坑指南:这些关键事项你必须掌握
uni-app
游戏开发爱好者81 天前
iOS 商店上架全流程解析 从工程准备到审核通过的系统化实践指南
android·macos·ios·小程序·uni-app·cocoa·iphone
toooooop81 天前
Vuex 中 state、mutations 和 actions 的原理和写法
前端·javascript·uni-app
林_xi1 天前
uniapp使用@uni-ku/root插件实现全局组件
前端·uni-app