uni-app 页面生命周期函数有哪些？

推荐答案

在 uni-app 中，页面的生命周期函数主要包括以下几个：

1. onLoad：页面加载时触发，接收页面传递的参数。
2. onShow：页面显示时触发。
3. onReady：页面初次渲染完成时触发。
4. onHide：页面隐藏时触发。
5. onUnload：页面卸载时触发。
6. onPullDownRefresh：页面下拉刷新时触发。
7. onReachBottom：页面上拉触底时触发。
8. onPageScroll：页面滚动时触发。
9. onShareAppMessage：用户点击右上角分享时触发。
10. onResize：页面尺寸变化时触发（仅小程序支持）。

本题详细解读

onLoad

onLoad 是页面加载时触发的生命周期函数，通常用于接收页面传递的参数。例如：

onLoad(options) {
  console.log('页面加载，参数为：', options);
}

onShow

onShow 是页面显示时触发的生命周期函数，通常用于页面显示时的数据刷新或逻辑处理。

onShow() {
  console.log('页面显示');
}

onReady

onReady 是页面初次渲染完成时触发的生命周期函数，通常用于页面渲染完成后的操作。

onReady() {
  console.log('页面初次渲染完成');
}

onHide

onHide 是页面隐藏时触发的生命周期函数，通常用于页面隐藏时的清理操作。

onHide() {
  console.log('页面隐藏');
}

onUnload

onUnload 是页面卸载时触发的生命周期函数，通常用于页面卸载时的资源释放操作。

onUnload() {
  console.log('页面卸载');
}

onPullDownRefresh

onPullDownRefresh 是页面下拉刷新时触发的生命周期函数，通常用于处理下拉刷新操作。

onPullDownRefresh() {
  console.log('页面下拉刷新');
  // 停止下拉刷新
  uni.stopPullDownRefresh();
}

onReachBottom

onReachBottom 是页面上拉触底时触发的生命周期函数，通常用于加载更多数据。

onReachBottom() {
  console.log('页面上拉触底');
}

onPageScroll

onPageScroll 是页面滚动时触发的生命周期函数，通常用于处理页面滚动时的逻辑。

onPageScroll(e) {
  console.log('页面滚动，滚动距离：', e.scrollTop);
}

onShareAppMessage

onShareAppMessage 是用户点击右上角分享时触发的生命周期函数，通常用于自定义分享内容。

onShareAppMessage() {
  return {
    title: '自定义分享标题',
    path: '/pages/index/index'
  };
}

onResize

onResize 是页面尺寸变化时触发的生命周期函数，通常用于处理页面尺寸变化时的逻辑（仅小程序支持）。

onResize(e) {
  console.log('页面尺寸变化，新的尺寸为：', e.size);
}