vue-router之动态路由

vue-router的动态路由设计

需求

点击A页面进入B页面查详情，A页面传id过去

设想

使用vue动态路由实现

实现步骤

A页面跳转函数,传id过去给B页面

handleToDetail(id){
  this.$router.push({name:'detail',params:{id: id}})
}

B页面路由设置

{
  name:'detail',
  path:'/detail/:id', //后面的:id是重点
  component: Detail,
},

最后B页面的路由就是/detail/id
A页面的params的key值传的是什么，路由里面的:后面跟的就是什么