微信小程序开发之生命周期

开发小程序过程中会涉及到小程序的生命周期，和其他app开发一样，小程序也有生命周期。

1：页面的生命周期

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

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

2：页面的跳转

编写index.wxml代码下图所示

可以看出text组件绑定了一个事件：itemClick，itemClick方法实现详：

itemClick: function (){

console.log(---index page itemClick---);

wx.navigateTo({

url: \'../logs/logs\'

})

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

在模拟器中如果点击文章2的text组件后，跳转到对应logs界面日志如上图所示，logs页面对应js代码如下图所示，通过对比可以看出，当从index页面跳转到logs页面这个过程中，要先调用index生命周期方法onHide(如果是wx.redirectTo方式跳转还要调用index生命周期方法onUnload)，然后依次调用logs页面的生命周期方法：onLoad---onShow---onReady

小程序培训学院提供教程图文，更多小程序相关资讯关注微信小程序开发教程

微信小程序开发之生命周期相关推荐

微信小程序开发---页面生命周期
微信小程序开发---生命周期何为生命周期小程序全局[app.js]---生命周期小程序页面[pages/pagename.js]---生命周期何为生命周期生命周期是指一个事物从创建到销毁的一 ...
微信小程序开发之生命周期详解？
小程序分为应用和页面两个部分: 应用的生命周期. 页面的生命周期. 应用的生命周期对页面生命周期的影响. 路由变化对页面生命周期的影响 1.应用的生命周期: 属性 ------------- 类型 - ...
【微信小程序开发】生命周期与生命周期函数
目录一.生命周期二.生命周期函数三.总结一.生命周期 (1)概念生命周期(Life Cycle)是指一个对象从创建-->运行-->销毁的整个阶段小程序的生命周期小程序启动,表 ...
mpvue还在维护吗_mpvue 微信小程序开发之生命周期
最近在开发小程序,尝试性地使用了一下 mpvue 是一个使用 Vue.js 开发小程序的前端框架.框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compile ...
小程序开发.uniapp.生命周期
小程序开发.uniapp.生命周期 [内容介绍]: uniapp中生命周期相关内容相关文章推荐: 标题链接 <小程序开发.概述与环境搭建> https://blog.csdn.net/ ...
微信小程序自定义组件生命周期
微信小程序的自定义组件生命周期函数有六个生命周期函数参数描述说明 created 无在组件实例刚被创建时执行 attached 无在组件实例进入页面节点树时执行 ready 无在组件在视图 ...
微信小程序自定义组件生命周期
created 组件实例化,但节点树还未导入,因此这时不能用setData attached 节点树完成,可以用setData渲染节点,但无法操作节点 ready (不是onReady) 组件布局完成 ...
微信小程序-组件的生命周期
created 组件实例化,但节点树还未导入,因此这时不能用setData attached 节点树完成,可以用setData渲染节点,但无法操作节点 ready(不是onReady) 组件布局完成, ...
微信小程序开发：微信小程序生命周期总结
前言在微信小程序开发中,关于微信小程序API的使用是必备技能,但是关于微信小程序的生命周期也是首先要了解和掌握的知识点.尤其是现在的前端开发领域,关于前端的各种框架和技术都要会,而且微信小程序的语法 ...

微信小程序开发之生命周期

微信小程序开发之生命周期相关推荐

最新文章

热门文章