uni-app页面生命周期

109 阅读1分钟

页面生命周期

onLoad:

  • 描述:监听页面加载,页面初次加载时触发,响应式数据、方法、计算属性、侦听器已经设置完成,但是DOM树还未构建完成。
  • 应用场景:初始化数据、接收页面传递的参数、发起网络请求等。

onReady:

  • 描述:监听页面初次渲染完成,DOM树已经构建完成。
  • 应用场景:获取并且操作页面元素。

onShow:

  • 描述:监听页面显示,页面每次出现在屏幕上都触发,包括从其他页面返回到当前页面。
  • 应用场景:更新数据、重新加载数据、重置状态。

onHide:

  • 描述:监听页面隐藏,页面被其他页面覆盖时触发。
  • 应用场景:暂停某些操作,如暂停视频播放或停止轮播图的自动切换等。

onUnload:

  • 描述:监听页面卸载,页面被销毁时触发。
  • 应用场景:释放资源、清理定时器、取消网络请求等。