06 | Vue Router маршруты, параметры и lazy loading
Ссылка на репозиторий: https://github.com/vvlstl/start-vue
В этом видео настраиваем Vue Router и добавляем навигацию между страницами приложения.
Я покажу, как:
подключить и настроить Vue Router,
вынести конфигурацию роутера в отдельный файл,
описывать маршруты для списка и детальной страницы,
работать с параметрами URL,
и использовать ленивую загрузку страниц.
Мы разберём:
зачем нужен createRouter и createWebHistory,
как работает массив routes,
как описать маршрут со страницей пагинации через параметр page,
как сделать параметр необязательным и ограничить его только числами,
и как настроить маршрут для детальной страницы покемона по id.
Отдельно объясню:
зачем задавать name маршрутам,
почему ленивые import() — это хорошая практика,
и как такая схема упрощает навигацию и масштабирование приложения.
В итоге приложение получает нормальную навигацию:
можно переходить со списка на детальную страницу,
использовать URL для пагинации,
и загружать страницы только тогда, когда они действительно нужны.
Это базовый, но очень важный шаг для любого Vue-приложения.
==========================
СберЧаевые:
https://pay.mysbertips.ru/68417675
ЮMoney
https://yoomoney.ru/to/4100119344119969