微信小程序的生命周期的记录

一、小程序里的常用生命周期

1、App里的生命周期

    App({
     onLaunch() {},   监听小程序初始化,只触发一次
     onShow(){},小程序启动或切换到前台运行
      onHide(),小程序切换到后台运行
      })

2、Page里的生命周期

Page({
  //页面创建完,只触发一次,通常获取后台数据或接收另一个页面的传参时使用
	onLoad() {},
	//进入页面就会触发
	onShow() {},
	//页面离开时触发
	onHide() {},
	//监听页面初次渲染完成
	onReady() {},
	//监听页面卸载,类似于vue中destroyed
	onUnload() {}
	onReachBottom() {
    console.log('到底页面底部')
  },
  //下拉触发
  onPullDownRefresh() {
    console.log('onPullDownRefresh')
  },
  //点击右上角分享时触发
  onShareAppMessage() {
    
  }
})
  

二、路由的管理与传参

两种路由触发模式:

1.标签方式触发
   
  vue:
   <router-link to="">
   
  小程序:<navigator url="要中转的路径?key=value">
  
  接收:通过另一个页面在onload生命周期中接收 
   
2.编程式触发

  vue:
  this.$router.push()
  
  小程序跳转:
  
  wx.navigateTo()  带历史回退
  wx.redirectTo() 不保留历史,跳转到另一个页面,不能返回到上一页面  this.$router.replace()
  wx.switchTab() 只跳转到tabBar页面,不带回退
  wx.reLaunch() 即能跳转到tabBar页面,也能跳转到非tabBar页面,不带历史回退
©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页