微信小程序路由导航、自定义组件、slot槽口、组件通信、小程序生命周期、各种API，缓存，掉接口、get，post网络

1.导航组件（声明式导航）

<!--navigate: 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面 
    redirect:关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面
    switchTab:跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
    reLaunch  关闭所有页面，打开到应用内的某个页面(包含tabbar页面)
    navigateBack： 关闭当前页面，返回上一页面或多级页面

    能够tabber的：  switchTab, reLaunch
    跳转普通页面：   navigate，reLaunch，redirect
-->
<navigator target="self" open-type="navigate" url="/pages/index01/index01">
  <button>跳转-navigate</button>
</navigator>

<navigator target="self" open-type="redirect" url="/pages/list/list">
  <button>跳转-redirect</button>
</navigator>

<navigator target="self" open-type="switchTab" url="/pages/list/list">
  <button>跳转-switchTab</button>
</navigator>

<navigator target="self" open-type="reLaunch" url="/pages/index01/index01">
  <button>跳转-reLaunch</button>
</navigator>

2.路由API（编程式导航）

  

// wx.navigateTo({
   
    //   url: '../index01/index01',
    // })


    wx.switchTab({
   
      url: '../list/list',
    })

3.导航传参

组件传参：在路径后问号拼接
<navigator target="self" open-type="navigate" url="/pages/index01/index01?title=hello&id=99">
  <button>跳转-navigate</button>
</navigator>

api传参：
    wx.navigateTo({
      // url: '../index01/index01?id='+id+'&name='+name
      url:`../index01/index01?id=${id}&name=${name}`
    })

4.接收导航传参

在跳转到的页面里的onLoad函数里通过options形参接收
A-B  在B的onload接
  onLoad(options){
   
    console.log(options)
  },
      
/注意： 跳转到tabber页面时。无法接参
<