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