uni-app 页面生命周期
时间: 2023-09-21 13:07:12 浏览: 118
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页面的生命周期包括以下几个方法:
1. onShow:页面显示时触发,可以用来做页面数据初始化和数据更新。
2. onHide:页面隐藏时触发,可以用来做页面数据清理和资源释放。
3. onUnload:页面卸载时触发,可以用来做清理和资源释放。
4. onLoad:页面加载时触发,可以用来获取页面传参和初始化页面数据。
5. onReady:页面初次渲染完成时触发,可以用来做页面渲染后的相关操作。
6. onResize:页面尺寸变化时触发,一般用于响应页面的横竖屏切换。
7. onPullDownRefresh:下拉刷新时触发,可以用来做数据刷新和页面更新。
8. onReachBottom:页面滚动到底部时触发,一般用于实现上拉加载更多的功能。
9. onShareAppMessage:点击分享按钮时触发,可以用来自定义分享内容和分享行为。
以上就是uni-app页面的生命周期方法。
uni-app的生命周期
uni-app的生命周期包括以下几个阶段:
1. 应用初始化阶段(onLaunch):当应用程序启动时,会触发此阶段。在此阶段,可以进行一些初始化操作,比如获取用户信息、设置全局变量等。
2. 应用启动阶段(onShow):当应用程序启动并展示在前台时,会触发此阶段。在此阶段,可以进行一些页面初始化操作,比如获取页面数据、更新页面状态等。
3. 应用隐藏阶段(onHide):当应用程序被隐藏到后台时,会触发此阶段。在此阶段,可以进行一些资源释放操作,比如清除定时器、关闭数据库连接等。
4. 应用错误阶段(onError):当应用程序出现错误时,会触发此阶段。在此阶段,可以进行一些错误处理操作,比如显示错误信息、记录错误日志等。
5. 页面初始化阶段(onLoad):当页面加载时,会触发此阶段。在此阶段,可以进行一些页面初始化操作,比如获取页面数据、设置页面状态等。
6. 页面显示阶段(onShow):当页面展示在前台时,会触发此阶段。在此阶段,可以进行一些页面更新操作,比如刷新页面数据、更新页面状态等。
7. 页面隐藏阶段(onHide):当页面被隐藏到后台时,会触发此阶段。在此阶段,可以进行一些资源释放操作,比如清除定时器、关闭数据库连接等。
8. 页面卸载阶段(onUnload):当页面被卸载时,会触发此阶段。在此阶段,可以进行一些资源释放操作,比如清除定时器、关闭数据库连接等。
阅读全文