Установка

Прямая загрузка/CDN

https://unpkg.com/vue-router/dist/vue-router.js

Unpkg.com предоставляет ссылки CDN на основе npm. Приведенная выше ссылка всегда указывает на последнюю версию из npm. Вы также можете использовать конкретную версию/тег с помощью URL-адресов, например https://unpkg.com/vue-router@2.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)

При использовании глобальных тегов скрипта, делать это не нужно.

Vue CLI

Если у вас проект, использующий Vue CLI, вы можете добавить Vue Router как плагин. Вы можете позволить CLI сгенерировать приведенный выше код, а также два примера маршрутов. Это также перезапишет ваш App.vue, поэтому обязательно сделайте резервную копию файла перед выполнением следующей команды в вашем проекте:

vue add router

Сборка для разработки

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

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