vue 路由传参 params 与 query两种方式的区别

如何在方法中跳转界面并传参，vue 中有 params 与 query两种方式。

1、使用params 方式传参方式

在vue router 文件夹下index.js里面，定义路由：

    {
      path: '/groupCommand/:code',
      name: 'groupCommand',
      component: groupCommand

    }

groupCommand 页面中接收参数方式为 code:this.$route.params.code

params只能用name来引入路由

2、使用query方式传参方式

url地址：http://localhost:8080/#/world_cup?activityid=943&couponid=1282

 

world_cup页面接收方式：

 activity_id:this.$route.query.activityid,

 coupon_id:this.$route.query.couponid,

query要用path来引入