[TOC] #### 1. 应用生命周期 --- 只列举出最常用的应用生命周期函数,更多应用生命周期函数前往官方文档查看 应用生命周期函数文档: [https://uniapp.dcloud.io/collocation/App.html#applifecycle](https://uniapp.dcloud.io/collocation/App.html#applifecycle) 应用生命周期函数定义在 `App.vue` 中,应用生命周期仅可在 `App.vue` 中监听,在页面监听无效 | 函数名 | 说明 | | ------------ | ------------ | | onLaunch | 当 uni-app 初始化完成时触发(全局只触发一次) | | onShow | 当 uni-app 启动,或从后台进入前台时触发 | | onHide | 当 uni-app 从前台进入后台时触发 | **应用生命周期函数的应用场景 ?** onLaunch: 检查网络状态,检查版本更新 onShow: 每次进入页面都重新请求接口刷新页面数据 onHide: 可以用于记录 uni-app 在后台的挂载时间 #### 2. 页面生命周期 --- 只列举出最常见的页面生命周期函数,更多页面生命周期函数前往官方文档查看 页面生命周期函数文档: [https://uniapp.dcloud.io/tutorial/page.html#lifecycle](https://uniapp.dcloud.io/tutorial/page.html#lifecycle) | 函数名 | 说明 | | ------------ | ------------ | | onLoad | 监听页面加载 | | onShow | 监听页面显示 | | onReady | 监听页面初次渲染完成 | | onHide | 监听页面隐藏 | | onPullDownRefresh | 监听用户下拉动作,一般用于下拉刷新 | | onReachBottom | 页面滚动到底部的事件,一般用于上拉加载下一页数据 | | onShareAppMessage | 用户点击右上角分享 | | onPageScroll | 监听页面滚动距离 | #### 3. 组件生命周期 --- 只列举出最常用的组件生命周期函数,更多组件生命周期函数前往官方文档查看 页面生命周期函数文档: [https://uniapp.dcloud.io/tutorial/page.html#componentlifecycle](https://uniapp.dcloud.io/tutorial/page.html#componentlifecycle) | 函数名 | 说明 | | ------------ | ------------ | | created | 在实例创建完成之后被立即调用 |