Установка
![Vue Mastery Logo](https://firebasestorage.googleapis.com/v0/b/vue-mastery.appspot.com/o/flamelink%2Fmedia%2Fvue-mastery-logo-small.png?alt=media&token=941fcc3a-2b6f-40e9-b4c8-56b3890da108)
Пакетные менеджеры
Если у вас уже есть проект, использующий менеджер пакетов JavaScript, вы можете установить Vue Router из реестра npm:
npm install vue-router@4
yarn add vue-router@4
pnpm add vue-router@4
Если вы начинаете новый проект, вам может быть удобнее воспользоваться инструментом для создания структуры проекта create-vue, который создает проект на основе Vite с возможностью включения Vue Router:
npm create vue@latest
yarn create vue
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(...)
.