Vue Routing

웹페이지간 이동방법을 말하며, 서버에 요청해 이동할 페이지를 갱신하는 것이 아니라, 미리 해당 페이지들을 받아놓고 페이지 이동시 화면이 갱신된다.

vue-router

<template>
  <router-view />
</template>

const routes = [
  {
    path: "/",
    name: "home",
    component: HomeView,
  },
  {
    path: "/about",
    name: "about",
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () =>
      import(/* webpackChunkName: "about" */ "../views/AboutView.vue"),
  },
  {
    path: "/contact",
    name: "Contact",
    component: ContactView,
  },
]

vue에서 라우팅 기능을 구현할 수 있도록 지원하는 공식 라이브러리이다.
<router-view> - 페이지 표시 태그, 변경된 url에 따라 해당 컴포넌트를 뿌려준다.