微信小程序-生命周期

首先，微信小程序分为有两种生命周期，
1.页面生命周期（Page）
2.App生命周期

先看App生命周期

查看微信文档

它一共有四种生命周期

1.onLaunch (options)

Launch是启动的意思，当执行小程序时，监听小程序初始化 （初次启动） 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）

2.onShow(options)

监听小程序显示当小程序启动，或从后台进入前台显示，会触发 onShow

注意：
onLaunch 和onShow非常相似，只是前者只有初始化时触发且全局仅仅触发一次，而后者是只要展示就触发一次

3.onHide

监听小程序隐藏当小程序从前台进入后台，会触发 onHide

4.onError (msg)

当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息

注意：

onLaunch 和onShow的方法，都将返回一个参数对象，里面包含了三个参数，

path:打开小程序的路径
query:打开小程序页面url
scene:打开小程序的场景值

其中场景值在微信文档中有明确说明：

查看详情点击这里

页面生命周期

查看微信文档

页面的生命周期比app多很多，

生命周期：

Page({
  data: {
    text: "This is page data."
  },
  onLoad: function(options) {
    // 页面创建时执行
  },
  onShow: function() {
    // 页面出现在前台时执行
  },
  onReady: function() {
    // 页面首次渲染完毕时执行
  },
  onHide: function() {
    // 页面从前台变为后台时执行
  },
  onUnload: function() {
    // 页面销毁时执行
  },
  onPullDownRefresh: function() {
    // 触发下拉刷新时执行
  },
  onReachBottom: function() {
    // 页面触底时执行
  },
  onShareAppMessage: function () {
    // 页面被用户分享时执行
  },
  onPageScroll: function() {
    // 页面滚动时执行
  },
  onResize: function() {
    // 页面尺寸变化时执行
  },
  onTabItemTap(item) {
    // tab 点击时执行
    console.log(item.index)
    console.log(item.pagePath)
    console.log(item.text)
  }, // 事件响应函数
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    }, function() {
      // this is setData callback
    })
  },
  // 自由数据
  customData: {
    hi: 'MINA'
  }
})

查看page介绍

官网已经详细的对每一个函数进行了详细的介绍，点击上面链接即可

页面生命周期图如下：