微信小程序 - page生命周期

1. onLoad() 页面加载时触发，只会调用一次，可获取当前页面路径中的参数。
2. onShow() 页面显示/切入前台时触发，一般用来发送数据请求；
3. onReady() 页面初次渲染完成时触发, 只会调用一次，代表页面已可和视图层进行交互。
4. onHide() 页面隐藏/切入后台时触发, 如底部 tab 切换到其他页面或小程序切入后台等。
5. onUnload() 页面卸载时触发，如redirectTo或navigateBack到其他页面时。

Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。每个页面都需有一个Page()函数。

//index.js
//获取应用实例
const app = getApp()
 
Page({
  onLoad: function (options) {
    console.log("-------page-----onLoad------------");
  },
  onReady: function () {
    console.log("-------page-----onReady------------");
  },
  onShow: function () {
    console.log("-------page-----onShow------------");
  },
  onHide: function () {
    console.log("-------page-----onHide------------");
  },
  onUnload: function () {
    console.log("-------page-----onUnload------------");
  }
})

Page中参数说明：

小程序生命周期

小程序主要靠视图线程（wxml渲染)和应用服务线程(js逻辑控制)来控制管理。

视图线程和应用服务线程会同时运行，应用服务线程启动后将运行onLoad和onShow来完成创建并等待视图线程初始化完成通知，视图线程初始化完成通知应用服务线程，应用服务线程将初始化数据发送给视图线程进行展现，此时视图线程完成第一次数据渲染。第一次渲染完成后视图线程进入就绪状态并通知应用服务线程，应用服务线程调用onReady函数并进入活动状态。

应用线程进入活动状态后每次数据修改将会通知视图线程进行渲染。当切换页面进入后台，应用线程调用onHide函数后进入存活状态，页面返回到前台将调用onShow函数进入活动状态，当调用返回或重定向页面销毁指令执行将调用onUnload函数，页面完成销毁。

注：data中包含初始化数据，初始化数据将作为页面的第一次渲染。data 将会以 JSON 的形式由逻辑层传至渲染层，所以其数据必须是可以转成 JSON 的格式：字符串，数字，布尔值，对象，数组。