uni-app的生命周期函数

(options): 页面加载时触发，可以接收启动页面时的参数: 页面初次渲染完成时触发。: 页面被隐藏时触发: 页面被关闭时触发。

目录uni-app之生命周期函数应用的生命周期 App.js页面之中的生命周期函数 uni-app之生命周期函数 应用的生命周期 App.js onLaunch 当小程序初始化完成时，会触发 onLaunch（全局只触发一次） onShow 当小程序启动，或从后台进入前台显示，会触发 onShow onHide 当小程序从前台进入后台，会触发 onHide onError 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息 <script> export

UniApp 的生命周期函数与 Vue 的生命周期函数类似，但也有一些特定于 UniApp 的生命周期函数。需要注意的是，不同平台（如小程序、H5、App）对生命周期的支持和触发时机可能会有所差异，因此在开发过程中应仔细查阅相关文档并根据目标平台进行适配。这些生命周期函数提供了不同阶段执行代码的机会，你可以在相应的生命周期函数中编写逻辑代码，进行初始化、数据加载、页面交互等操作。此外，UniApp 还提供了一些特定于平台的生命周期函数，用于处理特定平台的事件和行为，如小程序平台的。

uniapp 生命周期函数

Uniapp中常用的页面生命周期函数主要包括以下几个，这些函数在页面的不同阶段被触发，为开发者提供了在不同页面状态下执行代码的机会，分别是： onLoad(options)、onShow()、onReady()、onHide()、onUnload()

生命周期函数名说明eonLoad监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参）（单次触发）onShow监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面（多次触发）onReady监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发（单次触发）onHide监听页面隐藏（多次触发）onUnload监听页面卸载onResize监听窗口尺寸变化监听用户下拉动作，一般用于下拉刷新。

应用生命周期 函数名说明 onLaunch 当uni-app初始化完成时触发（全局只触发一次） onShow 当uni-app启动，或从后台进入前台显示 onHide 当uni-app从前台进入后台 onUniNViewMessage 对nvue页面发送的数据进行监听，可参考nvue 向 vue 通讯 ...

详解uni-app应用生命周期函数

应用生命周期 uni-app 支持如下应用生命周期函数： 函数名 说明 onLaunch 当uni-app 初始化完成时触发（全局只触发一次） onShow 当 uni-app 启动，或从后台进入前台显示 onHide 当 uni-app 从前台进入后台 onError 当 uni-app 报错时触发 onUniNViewMessage 对 nvue 页面发送的数据进行监听，可参考 nvue 向 vue 通讯 onUnhandledRejection 对未处理的 Prom

onPageNotFound 页面实际上已经打开了（比如通过分享卡片、小程序码）且发现页面不存在，才会触发，api 跳转不存在的页面不会触发（如 uni.navigateTo）监听页面加载，该钩子被调用时，响应式数据、计算属性、方法、侦听器、props、slots 已设置完成，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参），参考。监听页面初始化，其参数同 onLoad 参数，为上个页面传递的数据，参数类型为 Object（用于页面传参），触发时机早于 onLoad。

onShow: 当uni-app启动, 或从后台进入前台显示(例如小程序中, 用户分享页面再进来就会触发一次onShow);uniapp生命周期函数(仅写常用的生命周期函数, 不常用的就不写了, 如果有需求可以去官网查看)页面是指在pages中声明的页面, 如果在components里边新建的组件应该用组件生命周期函数。在uniapp中,生命周期函数分为应用生命周期函数、页面生命周期函数和组件生命周期函数.应用生命周期函数只能在App.vue中监听有效,在其他页监听无效。二.页面生命周期函数。

uni-app项目中，一个页面就是一个符合Vue SFC规范的.vue文件或.nvue文件。.vue页面和.nvue页面，均全平台支持，差异在于当uni-app发行到App平台时，.vue文件会使用webview进行渲染，.nvuenvue原生渲染。

uni-app 组件支持的生命周期，与vue标准组件的生命周期相同。这里没有页面级的onLoad等生命周期函数名说明平台差异在实例初始化之前被调用created在实例创建完成后被立即调用在挂载开始之前被调用mounted挂载到实例上去之后调用。详见 注意：此处并不能确定子组件被全部挂载，如果需要子组件完全挂载之后在执行操作可以使用$nextTick数据更新时调用，发生在虚拟 DOM 打补丁之前仅H5平台支持updated由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。