vue-route 参数传递的问题

路由配置文件，比如下面这，如果想在login后面加参数，可以直接在login后面 加上“?a=123&b=456&id=12"

{
    path: '/login',
    component: () => import('@/views/login/index'),
    hidden: true
  }

要在页面中获取到参数的值，如下，可获取到id的值

this.$route.query.id

 

还有种像”login/abc“这样的，路由配置会比较复杂。