설치

Get the Vue Router Cheat Sheet from Vue Mastery

패키지 관리자

JavaScript 패키지 관리자를 사용하는 기존 프로젝트가 있는 경우, npm 레지스트리에서 Vue Router를 설치할 수 있습니다:

npm

npm install vue-router@4

yarn

yarn add vue-router@4

pnpm

pnpm add vue-router@4

새 프로젝트를 시작하는 경우, Vue Router를 포함한 옵션으로 Vite 기반 프로젝트를 생성하는 create-vue 스캐폴딩 도구를 사용하는 것이 더 쉬울 수 있습니다:

npm

npm create vue@latest

yarn

yarn create vue

pnpm

pnpm create vue

생성하려는 프로젝트의 종류에 대한 몇 가지 질문이 나타납니다. Vue Router를 설치하기로 선택하면, 예제 애플리케이션은 Vue Router의 핵심 기능 중 일부를 시연할 것입니다.

패키지 관리자를 사용하는 프로젝트는 일반적으로 ES 모듈을 사용하여 Vue Router에 접근합니다. 예를 들어, import { createRouter } from 'vue-router'와 같이 사용합니다.

직접 다운로드 / CDN

https://unpkg.com/vue-router@4

Unpkg.com은 npm 기반 CDN 링크를 제공합니다. 위 링크는 항상 npm에서 최신 릴리스를 가리킬 것입니다. 또한 https://unpkg.com/[email protected]/dist/vue-router.global.js와 같은 URL을 통해 특정 버전/태그를 사용할 수도 있습니다.

이를 통해 전역 VueRouter 객체를 통해 Vue Router를 노출할 수 있습니다. 예: VueRouter.createRouter(...).