欢迎光临,了解微信小程序开发,就上易用通!

[Wondgirl] 入门系列教程《四》生命周期

发布:2018-01-30 11:24浏览: 来源:网络 作者:cola

新建项目后在app.js中输入app会弹出一个下拉列表,我们选择第一个,会自动完成生命周期的代码. 

[Wondgirl] 入门系列教程《四》生命周期(图1)

App({
  onLaunch: function () {
    //onLaunch:正在初始化
  },
  onShow: function () {
    //onShow:加载完成
  },
  onHide: function () {
    //onHide:进入后台
  }
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

二.页面的生命周期

在页面的index.js中输入page后在弹出框中选择page会自动写入页面的生命周期 

[Wondgirl] 入门系列教程《四》生命周期(图2)

//index.js
//获取应用实例
Page({
  data:{
    // 这是一个页面
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
    String2
  },
  onReady:function(){
    // 页面渲染完成
    String3
  },
  onShow:function(){
    // 页面显示
    String4
  },
  onHide:function(){
    // 页面隐藏
    String5
  },
  onUnload:function(){
    // 页面关闭
    String6
  }
})

 




免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。