Uniapp生命周期函数

UniApp 的生命周期函数与 Vue 的生命周期函数类似，但也有一些特定于 UniApp 的生命周期函数。下面是 UniApp 中常用的生命周期函数：

1. 应用生命周期函数：

• onLaunch: 应用初始化时触发，全局只触发一次。
• onShow: 应用启动或从后台进入前台时触发。
• onHide: 应用从前台进入后台时触发。
• onError: 应用发生脚本错误或 API 调用失败时触发。

1. 页面生命周期函数：

• onLoad: 页面加载时触发。
• onShow: 页面显示时触发。
• onHide: 页面隐藏时触发。
• onUnload: 页面卸载时触发。
• onReady: 页面初次渲染完成时触发。
• onResize: 页面尺寸变化时触发。
• onPullDownRefresh: 用户下拉刷新时触发。
• onReachBottom: 页面上拉触底时触发。
• onTabItemTap: 当前是 tab 页时，点击 tab 时触发。

1. 组件生命周期函数：

• created: 组件实例被创建时触发。
• beforeMount: 组件挂载前触发。
• mounted: 组件挂载后触发。
• beforeDestroy: 组件销毁前触发。
• destroyed: 组件销毁后触发。
• beforeUpdate: 组件更新前触发。
• updated: 组件更新后触发。

这些生命周期函数提供了不同阶段执行代码的机会，你可以在相应的生命周期函数中编写逻辑代码，进行初始化、数据加载、页面交互等操作。

需要注意的是，不同平台（如小程序、H5、App）对生命周期的支持和触发时机可能会有所差异，因此在开发过程中应仔细查阅相关文档并根据目标平台进行适配。

此外，UniApp 还提供了一些特定于平台的生命周期函数，用于处理特定平台的事件和行为，如小程序平台的 onShareAppMessage、H5 平台的 onPageScroll 等。你可以根据需要在文档中查找并使用这些特定平台的生命周期函数。

以下是 UniApp 中常用的生命周期函数的代码示例：

1. 应用生命周期函数：

javascript

Copy

App({
  onLaunch(options) {
    // 应用初始化时触发，全局只触发一次
    console.log('App onLaunch');
  },
  onShow(options) {
    // 应用启动或从后台进入前台时触发
    console.log('App onShow');
  },
  onHide() {
    // 应用从前台进入后台时触发
    console.log('App onHide');
  },
  onError(error) {
    // 应用发生脚本错误或 API 调用失败时触发
    console.log('App onError', error);
  },
});

1. 页面生命周期函数：

javascript

Copy

export default {
  onLoad(options) {
    // 页面加载时触发
    console.log('Page onLoad', options);
  },
  onShow() {
    // 页面显示时触发
    console.log('Page onShow');
  },
  onHide() {
    // 页面隐藏时触发
    console.log('Page onHide');
  },
  onUnload() {
    // 页面卸载时触发
    console.log('Page onUnload');
  },
  onReady() {
    // 页面初次渲染完成时触发
    console.log('Page onReady');
  },
  onResize() {
    // 页面尺寸变化时触发
    console.log('Page onResize');
  },
  onPullDownRefresh() {
    // 用户下拉刷新时触发
    console.log('Page onPullDownRefresh');
  },
  onReachBottom() {
    // 页面上拉触底时触发
    console.log('Page onReachBottom');
  },
  onTabItemTap(item) {
    // 当前是 tab 页时，点击 tab 时触发
    console.log('Page onTabItemTap', item);
  },
};

1. 组件生命周期函数：

javascript

Copy

export default {
  created() {
    // 组件实例被创建时触发
    console.log('Component created');
  },
  beforeMount() {
    // 组件挂载前触发
    console.log('Component beforeMount');
  },
  mounted() {
    // 组件挂载后触发
    console.log('Component mounted');
  },
  beforeDestroy() {
    // 组件销毁前触发
    console.log('Component beforeDestroy');
  },
  destroyed() {
    // 组件销毁后触发
    console.log('Component destroyed');
  },
  beforeUpdate() {
    // 组件更新前触发
    console.log('Component beforeUpdate');
  },
  updated() {
    // 组件更新后触发
    console.log('Component updated');
  },
};

这些是 UniApp 中常用的生命周期函数的代码示例。你可以根据需要在相应的生命周期函数中编写逻辑代码，处理初始化、数据加载、页面交互等操作。