Установка

Скачивание напрямую / CDN

https://unpkg.com/vue-router@3/dist/vue-router.js (opens new window)

Unpkg.com (opens new window) предоставляет CDN-ссылки для NPM-пакетов. Ссылка выше всегда указывает на самую последнюю версию Vue-router на NPM. Вы можете также использовать конкретную версию, используя ссылки вида https://unpkg.com/vue-router@3.0.0/dist/vue-router.js.

Подключите vue-router после Vue, и установка произойдёт автоматически:

<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-router.js"></script>

npm

npm install vue-router

При использовании модульной системы, необходимо явно обозначить использование роутера при помощи Vue.use():

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

Это не требуется при подключении через глобальный тег script.

Vue CLI

Если проект развернут с использованием Vue CLI (opens new window), то можно добавить Vue Router в качестве плагина. Это позволит CLI сгенерировать код подключения, приведённый выше, а также добавить два маршрута для примера. Операция установки перезапишет App.vue в проекте, поэтому убедитесь что сделали резервную копию перед запуском команды:

vue add router

Версия для разработки

Если вы хотите использовать самую новую dev-сборку vue-router, то придётся вручную склонировать репозиторий с GitHub и запустить сборку:

git clone https://github.com/vuejs/vue-router.git node_modules/vue-router
cd node_modules/vue-router
npm install
npm run build