VueRouter: meta, children и хуки | Просто объясняю про VueRouter

  Рет қаралды 3,013

Lectoria. Обучение веб-разработке.

Lectoria. Обучение веб-разработке.

Күн бұрын

В этом видео вы узнаете о том, как использовать различные свойства и хуки в Vue Router, чтобы создавать более гибкие и функциональные маршруты в вашем приложении VueJS. Мы рассмотрим свойства meta и children, которые позволяют дополнительно настраивать маршруты и вложенные компоненты, и покажем, как использовать различные хуки жизненного цикла маршрутов, такие как beforeEnter, beforeEach, afterEach, beforeResolve, onBeforeRouteEnter, onBeforeRouteUpdate, onBeforeRouteLeave.
Вы узнаете, как использовать свойство meta для добавления дополнительной информации к маршрутам, например, для определения разрешений доступа или метаданных страницы. Мы также рассмотрим свойство children и покажем, как использовать его для создания вложенных маршрутов в вашем приложении.
Вы также узнаете о хуках жизненного цикла маршрутов и как использовать их для выполнения дополнительных операций перед загрузкой маршрута, в процессе загрузки или после загрузки маршрута. Мы рассмотрим различные хуки, такие как beforeEnter, beforeEach, afterEach, beforeResolve, onBeforeRouteEnter, onBeforeRouteUpdate, onBeforeRouteLeave, и покажем, как они могут быть использованы для реализации различных сценариев в вашем приложении.
Это руководство предназначено для разработчиков, которые хотят узнать больше о возможностях Vue Router и использовании свойств и хуков жизненного цикла маршрутов для создания более гибких и функциональных маршрутов в приложениях VueJS.
0:00 Предварительная подготовка
12:34 Route children
19:16 Route meta
22:41 Hooks - общая идея
26:02 Аутентификация
29:46 Route hooks
30:17 Route components hooks
33:42 onBeforeResolve
35:40 afterEach
Полноформатный курс по изучению Vue3:
👉 lectoria.pro/catalog/vuejs-3....
✅ Instagram: / lectoria.pro
✅ Сайт проекта Lectoria: lectoria.pro
✅ Телеграм канал: t.me/lectoria_crm
Vue Router, свойства meta и children, хуки beforeEnter, beforeEach, afterEach, beforeResolve, onBeforeRouteEnter, onBeforeRouteUpdate, onBeforeRouteLeave, разработчики, руководство
#routing #vuerouter #vue #vuejs #vuejs3 #vuejstutorial #vueapi #frontend #webdeveloper #webdevelopment

Пікірлер: 6
@user-zu3ld8is4y
@user-zu3ld8is4y Жыл бұрын
Спасибо большое
@dmitriykret8938
@dmitriykret8938 Жыл бұрын
👍
@lectoria
@lectoria Жыл бұрын
Полноформатный курс по изучению Vue3: 👉 lectoria.pro/catalog/vuejs-3.html?GaTDPTGdjZ8 ✅ Instagram: instagram.com/lectoria.pro ✅ Сайт проекта Lectoria: lectoria.pro ✅ Телеграм канал: t.me/lectoria_crm
@tefikov
@tefikov Жыл бұрын
Привет сделай плиз урок по компоненту для vue 3 называется Naive UI в интернете нет вообще уроков о нем, ты будешь первым и вся аудитория захвата у тебя будет
@virtuoz-ru
@virtuoz-ru 10 ай бұрын
👍
Vue3 хуки жизненного цикла в деталях | Vue Hooks | Vue Lifecycle hooks | #vue #frontend #vuejs
24:38
Lectoria. Обучение веб-разработке.
Рет қаралды 4,6 М.
A pack of chips with a surprise 🤣😍❤️ #demariki
00:14
Demariki
Рет қаралды 36 МЛН
How to bring sweets anywhere 😋🍰🍫
00:32
TooTool
Рет қаралды 48 МЛН
Vue 3 & Composition API - Full Project
1:09:15
Traversy Media
Рет қаралды 118 М.
Как в Python писать программы с интерфейсом?
19:23
Хауди Хо™ - Просто о мире IT!
Рет қаралды 808 М.
#32 Асинхронные хуки - Vue.js: нюансы
12:25
JavaScript.Ninja
Рет қаралды 17 М.
React или Vue или Angular. Что Выбрать?
19:52
Владилен Минин
Рет қаралды 228 М.
STM32 I2C ч.2 CMSIS
47:28
MBDLB
Рет қаралды 1,7 М.
Vue 3 Animations Tutorial #12 - Route Transitions
5:47
Net Ninja
Рет қаралды 27 М.
🙅‍♂️🙆‍♀️ VUE 3 Ролевая модель, ограничения доступов
23:39
Мастерская разработчика
Рет қаралды 9 М.
NEVER lose dotfiles again with GNU Stow
14:33
typecraft
Рет қаралды 17 М.
Samsung S24 Ultra professional shooting kit #shorts
0:12
Photographer Army
Рет қаралды 21 МЛН
Секретный смартфон Apple без камеры для работы на АЭС
0:22
#miniphone
0:16
Miniphone
Рет қаралды 3,1 МЛН
Gizli Apple Watch Özelliği😱
0:14
Safak Novruz
Рет қаралды 1,3 МЛН