egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Продолжительность
0 ч 22 мин
Категория
VueКоличество уроков
10 Видео
Дата добавления
15 мар. 2020 г., 17:22
Язык
Английский
Дата обновления
29 апр. 2026 г., 06:58
Vue-Router — это ключ к созданию удобной, логичной и динамичной навигации в приложениях на Vue. Если вы хотите превратить набор отдельных компонентов в полноценный многостраничный проект — этот курс проведет вас по всем этапам настройки маршрутизации и поможет уверенно работать с роутами любой сложности.
Что вы узнаете на курсе
Курс создан для тех, кто хочет понять, как устроена маршрутизация во Vue и как эффективно использовать возможности vue-router. Мы начнем с основ и постепенно перейдем к более продвинутым техникам.
- Создание базовой структуры маршрутов
- Динамические и вложенные маршруты
- Навигация между страницами и работа с компонентами
- Передача параметров и работа с query
- Настройка защиты маршрутов и ограничение доступа
- Использование переходов и анимаций для смены страниц
Почему стоит изучать vue-router
Маршрутизация — одна из основных частей любого современного фронтенд‑приложения. Vue-router позволяет не просто переключать страницы, а создавать по-настоящему гибкие интерфейсы.
Простота интеграции
Библиотека легко подключается в проект и работает в тесной связке с Vue, обеспечивая интуитивно понятный синтаксис.
Гибкость и масштабируемость
От маленьких лендингов до больших SPA — vue-router подходит для проектов любого уровня.
Поддержка современных возможностей
Асинхронная загрузка компонентов, навигационные хуки, перехват маршрутов — всё это помогает оптимизировать приложение и улучшать пользовательский опыт.
Кому подходит этот курс
- Начинающим разработчикам Vue, которые хотят освоить маршрутизацию
- Тем, кто уже знаком с Vue, но хочет углубить знания
- Фронтенд‑разработчикам, переходящим на Vue с других фреймворков
Результат прохождения курса
К окончанию курса вы сможете уверенно настраивать маршрутизацию, создавать продвинутые структуры роутинга и проектировать архитектуру Vue‑приложений любого уровня сложности. Освойте vue-router и сделайте свои проекты по‑настоящему удобными для пользователей.
- Урок 1.00:02:14Set up Vue-Router and add the Root Application Route
- Урок 2.00:01:25Create Routes in Vue and Understand the Path Hierarchy
- Урок 3.00:01:36Access Route Parameters in a Vue Component
- Урок 4.00:02:44Create Subroutes Displaying One or More Vue Components with the children Key
- Урок 5.00:01:45Catch All Undefined Paths with a Wildcard Route in Vue
- Урок 6.00:01:26Add Metadata to Vue Routes
- Урок 7.00:03:45Block Unauthenticated Access to Pages with Vue Router Navigation Guards
- Урок 8.00:02:36Programmatically Navigate to Routes with Vue Component Methods
- Урок 9.00:01:32Use Vue Router-Link to Navigate within Components
- Урок 10.00:03:25Refactor Your Router and Route Definitions into Separate Files
Автор - egghead
Комментарии