route에서 url parameter 받아오기

$route.params

https://naver.com/search/hello/20

route 설정

{
  path: '/search/:text/:size',
  components: {
    header: Header,
    default: SearchBody,
    footer: Footer
  }
}

파라메터 접근은 $route.params 입니다.

<template>
  {{ $route.params }}
  {{ $route.params.text }}
  {{ $route.params.size }}
</template>

$route.query

파라메터가 ? 를 통해서 들어올 경우

https://naver.com/search?texthello&size=30

router 설정

{
  path: '/search',
  components: {
    header: Header,
    default: SearchBody,
    footer: Footer
  }
}

파라메터 접근은 $route.query입니다.

<template>
  {{ $route.query.text }}
  {{ $route.quert.size }}
</template>