//app.js App({ onLaunch: function () { console.log('App onLaunch'); }, onShow:function (){ console.log('App onShow1'+this.globalName); }, onHide:function(){ console.log('App onHide'); }, onError:function(){ console.log('App onError'); }, getPics: function() { return this.globalData.picList; }, globalData:{ picList: [] // 图片列表 }, globalName: 'tangdekun' });
我们将test页面设置为首页【在app.json中设置】，程序会自动加载test页面，调用test.js中的生命周期方法，打印Log信息如下：
然后点击菜单栏【作业中心】test1，会调用test 的onHide,test1的onLoad,onShow,onReady，打印Log信息如下：
在点击【朋友圈】test，会调用test1的onHide方法，test的onshow方法，而不会调用test的onLoad,onReady方法，log信息如下：
通过实例我们一起理解一下官方的小程序页面的生命周期：
View thread是我们的wxml文件，AppServiceThread就是我们js文件中研究的页面的生命周期。这里我们可以看到每个生命周期方法的调用顺序以及和Wxml之间的信息交流。大家可以简略的看一下就好。
因为页面的生命周期和页面的路由【即页面之间的跳转方式】有关，所以接下来我会向大家展示页面跳转的三种方式和各种跳转方式之下的生命周期方法的调度。