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

相关推荐
迷迭绿5 分钟前
Cesium 轨迹回放播放器
前端·javascript·cesium
HolySaga18 分钟前
我用 UTS 写了一个三端同构的蓝牙插件(Android / iOS / 鸿蒙 NEXT),把踩过的坑都讲给你听
前端
程序员老赵38 分钟前
Docker 部署 XWiki:轻松搭建企业知识库与协作 Wiki
前端·docker·开源
console.log('npc')41 分钟前
第 10 章 更多业务模块扩展
前端·人工智能·大模型
行者全栈架构师1 小时前
我用 TRAE Work 把桌游之夜搬进了浏览器:一个计分器的从创意到上线
前端·算法·架构
山雀~1 小时前
线上CI流水打包失败排查思路案例
前端·ci/cd
时间的情敌1 小时前
《回顾 2019 前端:React Hooks 问世,前端工程化爆发的一年》
前端·react.js·前端框架
燕落南枝1 小时前
CSS 类选择器详解:从入门到实战
前端·css
tryCbest1 小时前
Vue3——第 7 篇:组件基础——从注册到使用的完整流程
前端·javascript·vue.js
ai工具集合1 小时前
图标集用法,前端项目 SVG 图标 icon 完整接入实操
前端