第一种:单一参数

{
path: '/news/:id', //模板props中也需要是id
props:true,
name:news,
component: news
}
vue 中路径props的传参-青梅煮码
vue 中路径props的传参-青梅煮码

第二种:多个参数

{
      path: '/news/:id',
      props:function(route){
        console.log(route);
        return {
          id:route.params.id,
          username:route.query.username
        }
      },
      name:news,
      alias:'/self',//别名
      component: news
    },
vue 中路径props的传参-青梅煮码
vue 中路径props的传参-青梅煮码