Vue 라우터

Vue 라우터란?

Vue.js의 공식 라우터로, 싱글 페이지 어플리케이션(SPA, Single Page Application)을 구현하기 위해 사용하는 라이브러리.

Vue 라우터 설치

CDN 방식

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router@3.5.3/dist/vue-router.js"></script>

NPM 방식

$ npm install vue-router

라우터 등록

뷰 라우터 인스턴스를 생성하고, 뷰 인스턴스에 등록한다.

// 라우터 인스턴스 생성
var Router = new VueRouter({
  // 라우터 옵션
});

// 뷰 인스턴스에 라우터 인스턴스 등록
new Vue({
  router: Router
});

라우터 옵션 정의