uni-app生命周期

目录

一、页面生命周期

[1、onLoad 【常用】](#1、onLoad 【常用】)

2、onShow【常用】

3、onReady【常用】

4、onHide【常用】

5、onPullDownRefresh【常用】

6、onReachBottom【常用】

二、应用生命周期

1、onLaunch【常用】

2、onShow【常用】

3、onHide【常用】

三、组件生命周期

1、beforeCreate【常用】

2、created【常用】

3、beforeMount【常用】

4、mounted【常用】

5、beforeUpdate【常用】

6、updated【常用】

7、beforeDestroy【常用】

8、destroyed【常用】


一、页面生命周期

1、onLoad 【常用】

监听页面加载,被调用时触发

2、onShow【常用】

监听页面显示,页面每次出现都触发,包括从下级页面返回露出当前页面,加载完 index 框架

3、onReady【常用】

监听页面初次渲染完成,页面内容加载完成

4、onHide【常用】

监听页面隐藏

5、onPullDownRefresh【常用】

监听用户下拉动作,一般用于下拉刷新 【小程序会自带】

6、onReachBottom【常用】

页面滚动到底部的时间(不是 scroll-view滚到底),常用于下拉下一页数据

二、应用生命周期

1、onLaunch【常用】

当 uni-app 初始化完成时触发(全局只触发一次),参数为应用启动参数(启动几次就触发几次)

2、onShow【常用】

当 uni-app 启动,或从后台进入前台显示,参数为应用启动参数

3、onHide【常用】

当 uni-app 从前台进入后台

三、组件生命周期

1、beforeCreate【常用】

在实例初始化之前被调用

2、created【常用】

在实例创建完成后被调用

3、beforeMount【常用】

在挂载之前被调用

4、mounted【常用】

挂载到实例上去之后调用

5、beforeUpdate【常用】

数据更新时调用,发生在虚拟 DOM 打补之前

6、updated【常用】

由于数据更改导致的虚拟 DOM 重新渲染和打补丁

7、beforeDestroy【常用】

实例销毁之前调用

8、destroyed【常用】

vue 实例销毁之后调用

相关推荐
2501_915918413 小时前
Web 前端可视化开发工具对比 低代码平台、可视化搭建工具、前端可视化编辑器与在线可视化开发环境的实战分析
前端·低代码·ios·小程序·uni-app·编辑器·iphone
2501_915106324 小时前
iOS 使用记录和能耗监控实战,如何查看电池电量消耗、App 使用时长与性能数据(uni-app 开发调试必备指南)
android·ios·小程序·uni-app·cocoa·iphone·webview
程序员的世界你不懂4 小时前
【Flask】测试平台开发,新增说明书编写和展示功能 第二十三篇
java·前端·数据库
索迪迈科技4 小时前
网络请求库——Axios库深度解析
前端·网络·vue.js·北京百思可瑞教育·百思可瑞教育
gnip4 小时前
JavaScript二叉树相关概念
前端
attitude.x5 小时前
PyTorch 动态图的灵活性与实用技巧
前端·人工智能·深度学习
β添砖java5 小时前
CSS3核心技术
前端·css·css3
空山新雨(大队长)5 小时前
HTML第八课:HTML4和HTML5的区别
前端·html·html5
猫头虎-前端技术6 小时前
浏览器兼容性问题全解:CSS 前缀、Grid/Flex 布局兼容方案与跨浏览器调试技巧
前端·css·node.js·bootstrap·ecmascript·css3·媒体