uni-app页面生命周期

uni-app页面的生命周期包括以下几个方法：

1. onShow：页面显示时触发，可以用来做页面数据初始化和数据更新。

2. onHide：页面隐藏时触发，可以用来做页面数据清理和资源释放。

3. onUnload：页面卸载时触发，可以用来做清理和资源释放。

4. onLoad：页面加载时触发，可以用来获取页面传参和初始化页面数据。

5. onReady：页面初次渲染完成时触发，可以用来做页面渲染后的相关操作。

6. onResize：页面尺寸变化时触发，一般用于响应页面的横竖屏切换。

7. onPullDownRefresh：下拉刷新时触发，可以用来做数据刷新和页面更新。

8. onReachBottom：页面滚动到底部时触发，一般用于实现上拉加载更多的功能。

9. onShareAppMessage：点击分享按钮时触发，可以用来自定义分享内容和分享行为。

以上就是uni-app页面的生命周期方法。

相关问题

uni-app 页面生命周期

uni-app 是一个基于 Vue.js 的跨平台开发框架，可以同时开发多个平台的应用，包括小程序、H5、安卓、iOS 等。uni-app 的页面生命周期与 Vue.js 的生命周期类似，但也有一些特定的生命周期钩子函数。下面是 uni-app 页面的生命周期：

1. beforeCreate：在实例初始化之前调用，此时还无法访问到 data、computed 等属性。

2. created：实例创建完成后调用，此时已经可以访问到 data、computed 等属性。

3. beforeMount：在页面挂载之前调用，此时模板编译已经完成。

4. mounted：在页面挂载之后调用，此时可以访问到 DOM 元素。

5. beforeUpdate：数据更新之前调用，可用于在更新之前进行一些操作。

6. updated：数据更新之后调用，可用于在更新之后进行一些操作。

7. activated（仅在 APP-NVUE 中可用）：页面被激活时调用，比如从其他页面返回到当前页面。

8. deactivated（仅在 APP-NVUE 中可用）：页面被隐藏时调用，比如从当前页面跳转到其他页面。

9. beforeDestroy：在实例销毁之前调用，此时实例仍然可用。

10. destroyed：实例销毁之后调用，此时实例已经被销毁，无法再访问到任何属性和方法。

这些生命周期钩子函数可以用来在不同的阶段执行相应的操作，比如数据初始化、页面渲染、数据更新等。

uni-app组件生命周期

uni-app组件的生命周期包括以下几个阶段：created、attached、ready、moved和detached。当组件实例被创建时，created函数会被调用；当组件被添加到页面节点树中时，attached函数会被调用；当组件渲染完毕并且可以和页面交互时，ready函数会被调用；当组件被移动到新的位置时，moved函数会被调用；当组件被从页面节点树中移除时，detached函数会被调用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [uniapp中的生命周期](https://blog.csdn.net/jieyucx/article/details/130082445)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [uniapp 生命周期简介](https://blog.csdn.net/BlizzardWu/article/details/112862047)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]