Vue和React的路由传参方式的对比

学习vue和react之后，为避免对他们当中相似的部分产生混淆，现做出他们中关于路由的部分简单的对比

Vue

1.通过动态路由方式

//路由配置文件中 配置动态路由
{
   
     path: '/detail/:id',
     name: 'Detail',
     component: Detail
   }
//跳转时页面
var id = 1;
this.$router.push('/detail/' + id)
//跳转后页面获取参数
this.$route.params.id

2.通过query属性传值（类似于ajax中的get）

//路由配置文件中
{
   
     path: '/detail',
     name: 'Detail',
     component: Detail
   }
//跳转时页面
this.$router.