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

相关推荐
先知demons3 小时前
uniapp开发微信小程序笔记2-开发静态页面(新建页面、内置组件、设置编译模式、样式、SCSS的使用)
笔记·微信小程序·uni-app
破z晓3 小时前
uniapp 设置form表单以及验证密码
前端·javascript·uni-app
晓风伴月5 小时前
uniapp: vite配置rollup-plugin-visualizer进行小程序依赖可视化分析减少vender.js大小
小程序·uni-app·vender.js
rising_chain10 小时前
Uniapp 引入 Android aar 包 和 Android 离线打包
android·uni-app·uniapp 离线打包
多客软件佳佳12 小时前
2024游戏陪玩app源码的功能介绍/线上陪玩交友上线即可运营软件平台源码搭建流程
游戏·小程序·前端框架·uni-app·php·交友
baozhengw19 小时前
uni-app快速入门(五)--判断运行环境及针对不同平台的条件编译
uni-app
软件聚导航1 天前
在uniapp中使用canvas封装组件遇到的坑,数据被后面设备覆盖,导致数据和前面的设备一样
java·前端·uni-app
h185385922441 天前
电动车租赁支付宝免押小程序开发方案php+uniapp
微信小程序·uni-app·php·源码软件
艾小逗1 天前
uniapp适配暗黑模式配置plus.nativeUI.setUIStyle适配DarkMode配置
uni-app·plus·darkmode·naviteui