微信小程序开发系列（四）页面的生命周期的详解

微信小程序开发系列（四）页面的生命周期的详解
本文介绍微信小程序开发系列（四）页面的生命周期的详解

本文介绍微信小程序开发系列（四）页面的生命周期的详解

本系列为作者从入门开始进行详解，适合初入门者按照系列逐步观看学习；

1：页面的生命周期

在初始页面：index.js中增加如图1所示代码

图1

点击“编译”后，运行这个小程序：日志如图2所示：初始页面index.js启动会从app,js中的生命周期方法调用开始：onLaunch---onShow，然后开始调用index.js页面中的生命周期方法：onLoad---onShow---onReady，当点击“后台”时，页面index.js进入后台，这时回调生命周期方法onHide，如图3所示，如果再点击“前台”，使页面回到前台，这时回调页面生命周期方法：onShow（注意，这时不再回调onLoad） 如图4所示

图2

图3

图4

2：页面的跳转

编写index.wxml代码如图5所示，可以看出text组件绑定了一个事件：itemClick，itemClick方法实现详见图1：

itemClick: function (){ console.log("---index page itemClick---"); wx.navigateTo({ url: '../logs/logs' })