小程序的生命周期及路由

一小程序的生命周期

1.全局生命周期：
App({

 //程序启动时的只加载一次
	onLaunch() {},

//切换到前台运行
	onShow() {},

 //切换后台运行
	onHide() {},

//监听和收集代码错误信息
onError() {},
....

})

2.页面的生命周期
Page({

 //页面加载时只执行一次
	onLoad() {},

//监听页面初次渲染完成,此果就可以和页面进行各种交互，只加载一次
	onReady() {},

//只要页面显示时就会触发
	onShow() {},

//只要页面离开地就会触发
	onHide() {},

//到达页面底端触发
onReachBottom() {},

//监听下拉刷新，注意要开启enablePullDownRefresh为true
	onPullDownRefresh() {},

//监听页面滚动
	onPageScroll() {}

})

二小程序的路由

1.标签模式路由

格式：<navigator url="要跳转的路径" open-type="跳转方式"></navigator>

标签路由类似于vue中的<router-link to="要跳转的路径">

open-type值的类型有：

    1.navigate 默认值，即只能打开非tabBar页面，有回退按钮
      相当于this.$router.push('路径')
    2.switchTab 只能跳转到tabBar页面
    3.reLaunch 即能跳转到tabBar页面，也能跳转到非tabBar页面
    4.redirect 只能跳转到非tabBar页面，但没有回退按钮  相当于vue中this.$router.replace('路径 ')

2.js模式路由

JS模式路由类似于Vue中的编程式导航 例如：this.$router.push()

    wx.navigateTo({
       url: '/pages/jd_market/jd_market',
     })
    wx.switchTab({
      url: `/pages/shopping/shopping`,
    })

    wx.reLaunch({
      url: 'url',
    })