Vue Router

1. Vue Router란

Vue Router는 Vue.js에서 제공하는 공식 라우터. V브라우저에서 발생하는 페이지 요청을 감지하고, 이에 대응하는 컴포넌트를 렌더링한다. 또한 Vue Router를 사용하면 SPA에서 라우팅을 관리할 수 있으며, 라우팅에 대한 기능들을 간단하게 구현가능.

2. 설치 및 적용

cmd

npm install vue-router@4

router.js

import { createWebHistory, createRouter } from "vue-router";
const routes = [
  {
    path: "/edit",
    component: Edit,
  }
];
const router = createRouter({
  history: createWebHistory(),
  routes,
});
export default router; 

main.js

import router from './router'
createApp(App).use(router).mount('#app') 

3. 우선순위

매칭 우선순위
동일한 URL이 여러 라우트와 일치하는 경우가 있는데, 이 경우 경로가 더 먼저 정의 될수록 우선 순위가 높아진다.

정규식 및 파라미터 기능은 다음에 작성