伙计们！ ！

本章开始，我们先来看看最基本也是最重要的部分——小程序的生命周期。

小程序的生命周期分为两种：应用生命周期和页面生命周期。

今天我们就来讲解一下小程序的页面生命周期。

其主要属性及使用说明整理如下表：

我们来一一介绍一下。

(一)数据

这不是一个页面，它指的是一个对象，也就是我们页面中常用的初始数据。

这里就不多介绍了。

（二）

这是一个生命周期回调，用于监视页面加载。

这个功能和使用场景类似。

应用场景为：通过发送异步请求来初始化页面数据。

具体步骤如下：

1. 创建一个新页面

2.打开.js文件，你会发现页面中已经存在该函数。

3. 要在函数中打印，请编写以下代码：

onLoad: function (options) {
console,log("onload")
},

4.保存，打开调试器，出现在中

（三）

这是一个生命周期回调函数，用于监控页面显示。

我们同样在.js文件中进行演示，步骤如下：

1.在文件中找到原来的oshow函数并打印出来。 代码如下：

onShow: function () {
console,log("ononShow")
},

2.保存，打开调试器，出现在中。

并且先触发，后触发

（四）

这是一个生命周期回调函数，用于监控页面初始渲染的完成情况。

具体步骤如下（3）

但，

触发顺序是——

（五）

这是一个生命周期回调函数，用于监控页面隐藏的状态。

具体步骤同(3)(4)。 保存后，会出现控制台。

当整个小程序隐藏时，页面也会被隐藏。

而且，直接跳转到当前页面中的页面就相当于隐藏了这个页面。

这是什么意思？

在这里，我们可以做一个测试：

1. 打开 .wxml 文件并添加导航标签。 代码如下：

demo17

2.保存，小程序页面如下：

3、点击页面会发生跳转，跳转后你会发现

（六）

这是一个生命周期回调函数，用于监控页面卸载。

该函数只有在页面卸载时才会被触发。 也可以通过点击超链接进行操作。

不过还有一步要补充，在属性中使用open-type的属性值——，

作用是关闭当前页面，相当于卸载页面。

请按如下方式进行：

1.在.js文件中，在原来已有的函数中，打印这个函数，代码：

onUnload: function () {
console,log("onUnload")
},

2. 在.wxml 文件中，添加以下代码：

demo17 redirect

3.保存并点击页面即可触发

因此，这里使用关闭当前页面就意味着卸载该页面。

在本章中，我们将首先找到前六个函数，我们将在下一章中介绍剩下的六个函数。