1 이름을 가지는 라우트

source: categories/study/vue-experiance/vue-experiance_0.md

1. 이름을 가지는 라우트

• 이름을 가지는 라우트

라우트에 이름(name)을 설정할 수 있습니다.
때로는 라우트에 연결하거나 탐색을 수행할 때 이렇게 이름(name)이 있는 라우트를 사용하는 것이 더 편리합니다.
Router 인스턴스를 생성하는 동안 routes 옵션에 라우트를 지정할 수 있습니다.

const router = new VueRouter({
  routes: [
    {
      path: '/user/:userId',
      name: 'user',
      component: User
    }
  ]
})

이름을 가진 라우트에 링크하려면, 객체를 router-link, 컴포넌트의 to prop으로 전달할 수 있습니다.

<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>

이것은 router.push()와 정확히 같은 객체입니다.

router.push({ name: 'user', params: { userId: 123 }})

두 경우 모두 라우터는 /user/123 경로로 이동합니다.
전체 예제는 여기에 있습니다.