Установка

Получить шпаргалку по Vue Router от Vue Mastery

Пакетные менеджеры

Если у вас уже есть проект, использующий менеджер пакетов JavaScript, вы можете установить Vue Router из реестра npm:

npm

npm install vue-router@4

yarn

yarn add vue-router@4

pnpm

pnpm add vue-router@4

Если вы начинаете новый проект, вам может быть удобнее воспользоваться инструментом для создания структуры проекта create-vue, который создает проект на основе Vite с возможностью включения Vue Router:

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

Это предоставит доступ к Vue Router через глобальный объект VueRouter, например, VueRouter.createRouter(...).