WX小程序项目开发（3-状态管理小结路由比如要实现，从商品列表，点进去进入商品详情页，要注意什么？获取该商品对应的i

coderwwh w:what是什么? w:why为什么? h:how怎么样?

路由

比如要实现，从商品列表，点进去进入商品详情页，要注意什么？

获取该商品对应的id
获取到这个id，应该是在父组件（商品列表中）点击的时候获取
点击之后就要跳转，这时候要传值

这里常用的路由是wx.navigateTo(Object object)

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 [wx.navigateBack]可以返回到原页面。小程序中页面栈最多十层。

参数

属性类型默认值必填说明
url string 是需要跳转的应用内非 tabBar 的页面的路径 (代码包路径), 路径后可以带参数。参数与路径之间使用 ? 分隔，参数键与参数值用 = 相连，不同参数用 & 分隔；如 'path?key=value&key2=value2'
events Object 否页面间通信接口，用于监听被打开页面发送到当前页面的数据。基础库 2.7.3 开始支持。
success function 否接口调用成功的回调函数
fail function 否接口调用失败的回调函数
complete function 否接口调用结束的回调函数（调用成功、失败都会执行）

属性	类型	必填	说明
url	string	是	需要跳转的应用内非 tabBar 的页面的路径 (代码包路径), 路径后可以带参数。参数与路径之间使用 `?` 分隔，参数键与参数值用 `=` 相连，不同参数用 `&` 分隔；如 'path?key=value&key2=value2'
events	Object	否	页面间通信接口，用于监听被打开页面发送到当前页面的数据。基础库 2.7.3 开始支持。
success	function	否	接口调用成功的回调函数
fail	function	否	接口调用失败的回调函数
complete	function	否	接口调用结束的回调函数（调用成功、失败都会执行）

多个请求如何操作？

接上面说的，在子组件里，拿到对应的id，如果要有多个请求，如何操作呢？图片.png

如图，这样做的弊端是，2得等1，3等2，但是这些数据并无关联的情况下，这样操作大大降低效率

多个请求数据并无关联的情况下，使用promise更加合理

getPageData: function(id) {
    // 1.请求播放地址
    getMVURL(id).then(res => {
      this.setData({ mvURLInfo: res.data })
    }) 

    // 2.请求视频信息
    getMVDetail(id).then(res => {
      this.setData({ mvDetail: res.data })
    })

    // 3.请求相关视频
    getRelatedVideo(id).then(res => {
      this.setData({ relatedVideos: res.data })
    })
  }