uni-app微信小程序开发 - 生命周期

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

应用生命周期

uni-app 支持 onLaunch、onShow、onHide 等应用生命周期函数,详情请参考应用生命周期

  • onLaunch: 当uni-app 初始化完成时触发(全局只触发一次)
  • onShow: 当 uni-app 启动,或从后台进入前台显示
  • onHide: 当 uni-app 从前台进入后台
  • onError: 当 uni-app 报错时触发
  • onPageNotFound: 页面不存在监听函数
  • onThemeChange: 监听系统主题变化

页面生命周期

uni-app 支持 onLoad、onShow、onReady 等生命周期函数,详情请参考页面生命周期

  • onLoad: 监听页面加载,其参数为上个页面传递的数据,参数类型为 Object(用于页面传参),参考示例
  • onShow: 监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面
  • onReady: 监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发
  • onHide: 监听页面隐藏
  • onUnload: 监听页面卸载
  • onResize: 监听窗口尺寸变化
  • onPullDownRefresh: 监听用户下拉动作,一般用于下拉刷新,参考示例
  • onReachBottom: 页面滚动到底部的事件(不是scroll-view滚到底),常用于下拉下一页数据。具体见下方注意事项
  • onShareTimeline: 监听用户点击右上角转发到朋友圈
  • onAddToFavorites: 监听用户点击右上角收藏

组件生命周期

与vue生命周期相同。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 计划一篇文章把所有知识点都写一下,但是写着过程中,发现内容太多,所有拆分了成了几篇: 主要介绍路由、通信以及开发中...
    云飘雾散阅读 10,776评论 0 4
  • uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...
    Neo_duan阅读 6,447评论 1 1
  • 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件的使用 条件注释跨端兼容 uni-app的事件 导...
    不是隔壁的老王啊阅读 7,564评论 0 0
  • uni-app框架介绍 介绍 uni-app 是一个跨端开发框架,一套代码运行多个平台,并可以使用条件编译实现不同...
    Jagtu阅读 14,569评论 0 0
  • 我是黑夜里大雨纷飞的人啊 1 “又到一年六月,有人笑有人哭,有人欢乐有人忧愁,有人惊喜有人失落,有的觉得收获满满有...
    陌忘宇阅读 12,735评论 28 53