[Vue2] Vue Router 사용하기

Routing

• 네이트워크에서 경로를 선택하는 프로세스
• 웹 서비스에서의 라우팅
  • 유저가 방문한 URL에 대해 적절한 결과를 응답하는 것

Vue Router

• Vue의 공식 라우터
• SPA 상에서 라우팅을 쉽게 개발할 수 있는 기능을 제공
• 라우트에 컴포넌트를 매핑한 후, 어떤 URL에서 렌더링 할지 알려줌
  • 즉, SPA를 MPA처럼 URL을 이동하면서 사용가능
  • SPA 단점 중 하나인 URL이 변경되지 않는다.를 해결

Vue Router 사용하기

$ vue create vue-router-app // Vue 프로젝트 생성

$ cd vue-router-app // 디렉토리 이동

$ vue add router // Vue CLI를 통해 router plugin 적용

커밋을 할것인지 (권장) -> Yes

history mode 사용 여부 -> Yes

$ npm run serve

• run serve 후 router 확인