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 实例销毁之后调用

相关推荐
小人物.090728 分钟前
关于SSR和SSG
前端
pcplayer30 分钟前
WEB 编程:使用富文本编辑器 Quill 配合 WebBroker 后端
前端·后端·delphi·web开发·webbroker
2401_857297911 小时前
招联金融内推(深圳武汉大量招后端、算法)---2025秋招内推
java·前端·算法·金融·求职招聘
爱喝热水的呀哈喽1 小时前
需求导向的正则表达式
开发语言·前端
奋斗的小鸟鸟1 小时前
在vue中:style 的几种使用方式
前端·javascript·vue.js
2401_857297912 小时前
招联金融秋招内推喇--18薪
java·前端·算法·金融·求职招聘
好多吃的啊2 小时前
css 控制虚线刻度尺寸
前端·css
IT研究室3 小时前
计算机毕业设计选题推荐-4S店试驾平台-小程序/App
小程序·uni-app·毕业设计·源码·安卓·课程设计
QGC二次开发3 小时前
Vue3:mitt实现组件通信
前端·javascript·vue.js·vue