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

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

1：页面的生命周期

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

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

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

其中：wx.navigateTo代表从index.js这一页面跳转到pages/logs/logs页面，注意：navigateTo代表跳转到logs页面后，index页面并不销毁，在logs页面下面，通过logs页面左上角的返回按钮可以返回到index页面，而如果是wx.redirectTo，则index页面销毁，无法从logs页面返回到index页面，这里就仅以wx.navigateTo为例

注：页面跳转也可以在.wxml中配置，如图5中所示代码，文章1对应的text组件可以通过如下代码配置跳转：

以上就是微信小程序开发系列（四）页面的生命周期的详解的详细内容，更多请关注 第一PHP社区 其它相关文章！