深入理解 uni-app 页面生命周期（三）：onHide vs onUnload

在 uni-app 中，页面的生命周期是通过一系列的生命周期钩子函数来管理的。本文将专注于 onHide 和 onUnload 这两个关键的生命周期函数，探讨它们的触发时机和用途。

onHide()

触发时机

onHide 在页面隐藏时触发，例如用户切换到其他应用或手机桌面。

用途

通常用于在页面隐藏时执行一些清理操作或停止一些在前台时执行的任务。可以释放资源、停止动画或计时器等，以提高应用性能。

export default {
  onHide() {
    console.log('onHide');
    // 在页面隐藏时执行一些清理操作
  },
  // 其他生命周期函数和配置项
};

onUnload()

触发时机

onUnload 在页面卸载时触发，比如通过 uni.navigateBack 返回上一页或页面被关闭。

用途

通常用于在页面卸载时执行一些清理工作，例如取消事件监听器、释放持久性资源等。确保在页面卸载时释放不再需要的资源。

export default {
  onUnload() {
    console.log('onUnload');
    // 在页面卸载时执行一些清理工作
  },
  // 其他生命周期函数和配置项
};

总结

通过 onHide 和 onUnload 这两个生命周期函数，我们可以在页面隐藏和卸载时执行必要的操作，以提高应用的性能和资源利用率。根据具体业务需求，合理使用这两个生命周期函数，可以更好地管理页面的生命周期。