uni-app 生命周期

---

前言

uniapp的生命周期

---

uni-app 的生命周期分为应用生命周期、页面生命周期和组件生命周期。

1.应用生命周期

• onLaunch：当 uni-app 初始化完成时触发（全局只触发一次）
• onShow：当 uni-app 启动，或从后台进入前台显示时触发。
• onHide：当 uni-app 从前台进入后台时触发。
• onError：当 uni-app 报错时触发。

2.页面生命周期

• onLoad：监听页面加载，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参）。
• onShow：监听页面显示。每次打开页面都会调用一次。
• onReady：监听页面初次渲染完成。
• onHide：监听页面隐藏。
• onUnload：监听页面卸载。

3.组件生命周期

uni-app 的组件生命周期与 Vue.js 的组件生命周期相同，包括 beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeUnmount、unmounted 等。但需要注意的是，在某些平台（如小程序）上，部分生命周期函数可能无法正常使用或表现与 Web 环境略有不同。

4.注意点

uniapp中组件生命周期函数和页面生命周期函数的执行顺序

不包含组件的页面

onLoad > onShow > onReady

包含组件的页面

onLoad > onShow > onBeforeMount > onReady > onMounted