vue router-link to="/" 跳转问题

Question

问题是这样的，我有三个按钮a，b，c，需要用到router-link跳转到同一个页面“/index”
在game页面中用v-for循环出三个分页同样的a,b,c，并用v-show="active==index"隐藏其中两项div，做成标签页的样式。
我现在需要点击三个按钮，然后跳转到“/index”中时，每个按钮分别显示对应的分页，请问要怎么做？
我在网上找了些答案，说点击时可以用to="/index?c"这样来传值，但是具体怎么做我并没有看懂，请知道的大佬教教萌新

<router-link to="/index">

Answer 1

params

//路由定义
{ path: '/index/:id', component: Index }

<router-link to="/index/1">

//获取
$route.params.id //1

query

/index?id=1
//获取
$route.query.id //1

Answer 2

类似于url中的search,location.search

Answer 3

可以加上变量, index.vue里用$route.query获取

<router-link to="/index?type=...">

//index.vue
mounted(){
  this.type = this.$route.query.type
  ...
}