微信小程序中的所有生命周期钩子函数及其使用方法

一、应用生命周期钩子

• onLaunch(options)：小程序初始化时触发，全局只触发一次。

App({
  onLaunch: function(options) {
    // 在小程序初始化时执行的代码
  }
})

• onShow(options)：小程序启动或从后台进入前台显示时触发。

App({
  onShow: function(options) {
    // 在小程序启动或从后台进入前台时执行的代码
  }
})

• onHide()：小程序从前台进入后台时触发。

App({
  onHide: function() {
    // 在小程序从前台进入后台时执行的代码
  }
})

• onError(error)：小程序发生脚本错误或 API 调用失败时触发。

App({
  onError: function(error) {
    // 在小程序发生错误时执行的代码
  }
})

二、页面生命周期钩子

• onLoad(options)：页面加载时触发，可以获取页面参数。

Page({
  onLoad: function(options) {
    // 在页面加载时执行的代码，可以使用options参数获取页面参数
  }
})

• onShow()：页面显示时触发。

Page({
  onShow: function() {
    // 在页面显示时执行的代码
  }
})

• onReady()：页面初次渲染完成时触发。

Page({
  onReady: function() {
    // 在页面初次渲染完成时执行的代码
  }
})

• onHide()：页面隐藏时触发。

Page({
  onHide: function() {
    // 在页面隐藏时执行的代码
  }
})

• onUnload()：页面卸载时触发。

Page({
  onUnload: function() {
    // 在页面卸载时执行的代码
  }
})

三、组件生命周期钩子

• created()：组件实例刚刚被创建，属性计算和方法定义之前触发。

Component({
  created: function() {
    // 在组件实例被创建时执行的代码
  }
})

• attached()：组件实例进入页面节点树时触发。

Component({
  attached: function() {
    // 在组件实例进入页面节点树时执行的代码
  }
})

• ready()：组件布局完成后触发。

Component({
  ready: function() {
    // 在组件布局完成后执行的代码
  }
})

• moved()：组件在节点树中移动时触发。

Component({
  moved: function() {
    // 在组件在节点树中移动时执行的代码
  }
})

• detached()：组件实例从页面节点树中被移除时触发。

Component({
  detached: function() {
    // 在组件实例从页面节点树中被移除时执行的代码
  }
})