探讨uniapp的路由与页面生命周期问题

1 首先我们引入页面路由

2 页面生命周期函数

onLoad() {
     console.log('页面加载')
 },
 onShow() {
     console.log('页面显示')
 },
 onReady(){
      console.log('页面初次显示')
  },
  onHide() {
      console.log('页面隐藏')
  },
  onUnload() {
      console.log('页面卸载')
  },
  onBackPress(){
     console.log('页面返回')
  }

3 页面跳转

3.1 navigate

保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。

navigateTo 跳转到新的页面：

这时我们执行 navigateBack 页面回退操作：

3.1 redirect

关闭当前页面，跳转到应用内的某个页面。

3.1 switchTab

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

我们点击一下下面的tarbar按钮观察变化：与上面的执行行为保持一致。

3.1 reLaunch

关闭所有页面，打开到应用内的某个页面。
首先我们验证tarbar页面：

验证非tarbar页面 与上面保持一致

3.1 navigateBack

关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。
执行声明周期函数：

  onBackPress(){
     console.log('页面返回')
  }