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如何适配HarmonyOS5?条件编译指南以及常见的错误有哪些?
uni-app
耶啵奶膘3 小时前
uniapp+vue2+h5图片下载保存,微信浏览器、非微信浏览器
uni-app·notepad++
iOS阿玮7 小时前
排雷,金融类型产品14天封号倒计时脱困。
uni-app·app·apple
Random_index7 小时前
#Uniapp篇:chrome调试&&unapp适配
前端·chrome·uni-app
华子w90892585910 小时前
基于“SpringBoot+uniapp的考研书库微信小程序设计与实现7000字论文
微信小程序·小程序·uni-app
柳中仙11 小时前
uniapp+vue3小程序分享
小程序·uni-app
烂笔头儿@13 小时前
uniapp开发小程序vendor.js 过大
小程序·uni-app
桃花岛主7014 小时前
uniapp跳转到webview组件的时候,要注意:移除所有不可见字符(包括零宽空格)
uni-app
^Rocky1 天前
uniapp 实现腾讯云IM群文件上传下载功能
uni-app·腾讯云
moxiaoran57531 天前
uni-app学习笔记三十四--刷新和回到顶部的实现
笔记·学习·uni-app