关于uni_app的生命周期

什么是生命周期?

生命周期是从 创建 运行 到销毁 这整个过程称为生命周期

生命周期分为三大类 应用级 页面级 组件级

应用生命周期(仅可在App.vue中监听)

    1. onLacunh :应用初始化完成触发一次,全局只触发一次、
    2. onShow : 应用启动的时候,或者从后台进入前台
    3. onHide : 应用从前台进入后台
    4. onError : 应用报错时触发
    5. onUniNViewMessage : 对 nvue 页面发送的数据进行监听

页面生命周期(在页面中添加)

  1. onLoad :监听页面加载
  2. onShow :监听页面显示
  3. onHide :监听页面隐藏
  4. onReady :监听页面初次渲染完成
  5. onUnload :监听页面卸载
  6. onResize :监听窗口尺寸变化
  7. onPullDownRefresh :监听用户下拉动作,一般用于下拉刷新,
    1. 当页面中需要用到下拉刷新功能时,打开pages.json,在"globalStyle"里设置"enablePullDownRefresh":true
  8. onReachBotton :页面滚动到底部的事件,常用于下拉下一页数据
  9. onTabItemTap :点击tabBar时触发
  10. onShareAppMessage :用户点击右上角分享
  11. onPageScroll :监听页面滚动
  12. onNavigationBarButtonTap :监听原生标题栏按钮点击事件
  13. onBackPress :监听页面返回
  14. onNavigationBarSearchInputChanged :监听原生标题栏搜索输入框输入内容变化事件
  15. onNavigationBarSearchInputConfirmed :监听原生标题栏搜索输入框搜索事件,用户点击软键盘上的搜索按钮时触发
  16. onNavigationBarSearchInputClicked :监听原生标题栏搜索输入框点击事件

组件生命周期(与vue标准组件的生命周期相同)

  1. beforeCreate :在实列初始化之后被调用
  2. created :在实列创建完成后被立即调用
  3. beforeMount :在挂载开始之前被调用
  4. mounted :挂载到实列上去之后调用(该钩子在服务器端渲染期间不被调用)
  5. beforeUpdate :数据更新时调用,发生在虚拟DOM打补丁之前
  6. updated :由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子
  7. beforeDestroy :实列销毁之前调用
  8. destroyed :Vue实列销毁后调用
posted @ 2023-04-12 15:01  33的男孩  阅读(39)  评论(0编辑  收藏  举报