uniapp注册周期

uniapp注册周期

uniapp的注册周期主要涉及页面和组件的生命周期，这些生命周期钩子函数在不同阶段被触发，开发者可以利用这些钩子函数执行特定的逻辑。

页面生命周期

uniapp的页面生命周期与微信小程序类似，主要包括以下钩子函数：

• onLoad：页面加载时触发，可以获取传递的参数。
• onShow：页面显示时触发，每次打开页面都会执行。
• onReady：页面初次渲染完成时触发。
• onHide：页面隐藏时触发，比如跳转到其他页面。
• onUnload：页面卸载时触发，比如页面被关闭或返回上一页。

export default {
  onLoad(options) {
    // 页面加载时执行
  },
  onShow() {
    // 页面显示时执行
  },
  onReady() {
    // 页面渲染完成时执行
  },
  onHide() {
    // 页面隐藏时执行
  },
  onUnload() {
    // 页面卸载时执行
  }
}

组件生命周期

uniapp的组件生命周期与Vue组件类似，主要包括以下钩子函数：

• created：组件实例刚被创建时触发。
• mounted：组件挂载到DOM后触发。
• updated：组件数据更新并重新渲染后触发。
• destroyed：组件销毁时触发。

export default {
  created() {
    // 组件实例创建时执行
  },
  mounted() {
    // 组件挂载后执行
  },
  updated() {
    // 组件更新后执行
  },
  destroyed() {
    // 组件销毁时执行
  }
}

应用生命周期

uniapp的应用生命周期主要包括以下钩子函数：

• onLaunch：应用初始化时触发。
• onShow：应用显示时触发，比如从后台切换到前台。
• onHide：应用隐藏时触发，比如切换到后台。

export default {
  onLaunch() {
    // 应用初始化时执行
  },
  onShow() {
    // 应用显示时执行
  },
  onHide() {
    // 应用隐藏时执行
  }
}

注意事项

• 页面生命周期和组件生命周期可以同时存在，但需要注意执行顺序。
• 应用生命周期仅在App.vue中生效。
• 生命周期钩子函数中避免执行耗时操作，以免影响性能。