小程序基础-----第一章(生命周期)

App的生命周期:

//app.js
App({
  //在小程序运行期间值会运行一次
  onLaunch: function () {
    console.log('小程序启动了')
  },
  //每次从后台切换过来都会执行一次
  onShow:function (){
    console.log('切换到小程序了')
  },
  //每次切换到后台都会执行一次
  onHide:function(){
    console.log('小程序隐藏在后台运行')
  }
})

页面的生命周期:


//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },
  //tab切换,不会重新加载,值会显示、隐藏

  //页面加载的时候执行,只执行一次
  onLoad: function () {
   
  },
  //页面渲染完成之后执行,只执行一次
  onReady:function(){

  },
  //页面显示的时候执行,会执行多次
  onShow:function(){

  },
  //页面隐藏就会执行,会执行多次
  onHide:function(){

  },
  //页面卸载的时候执行,只执行一次
  onUnload:function(){

  }
})

你可能感兴趣的:(小程序基础-----第一章(生命周期))