Как здорово, что вы живой, я думал что-то случилось. Вы замечательный преподователь, желаю вам успехов и по-больше баловать нас видосами, у вас талант.

якби українською... но круто дякую тобі

Вместо объекта со значениями true надо использовать Set

Пора выпускать ролик 😁

Написал комментарий) где видео с кастомной директивоЙ?

такое себе объяснять просто написанный код - думал с нуля будем делать поэтапно смотреть что получается

Слишком всё усложнено. Можно сделать телепорт спиннера сразу в корень body и он будет поверх всего контента. Далее назначаем переменную: let isSpinner = ref(false); - тип можно не указывать, т.к. явно задано начальное значение. Таким образом, в исходном состоянии спиннер не виден. <teleport to="body"> <AppSpinner v-if="isSpinner" /> </teleport> Следующий шаг. Меняем значение isSpinner в функции получающей данные. const getSomeData = () => { // показываем спиннер isSpinner.value = true; try { // Далее код получающий и обрабатывающий некие данные с сервера или из стора } catch (err) { console.log(err) } finally { // теперь убираем спиннер isSpinner.value = false; } } Вызов компонента спиннера можно разместить в основном HTML-файле. А чтобы доступ к isSpinner был из любого компонента или лейаута, можно добавить isSpinner в store. Тогда не нужно будет усложнять код провайдами и инжектами. Можно сделать точку назначения переменной <teleport :to="destination"> и в переменной destination указывать, в корень какого элемента хотите переместить спиннер.

Самый имбовый способ разделить роли - разные url для разных ролей. Все остальное (в том числе то, о чем говорит автор) для очень простых приложух.

Я мб не внимательно смотрел, а чем не устраивает стандартная реализация vue-router ? ``` { path: '/', component: LayoutDefault, name: 'Layout Default', children: [ { path: '/', component: ViewHome, name: 'Home' }, { path: '/example/:id', component: ViewExample, name: 'Example' }, ] }, ```

Вопрос, при такой системе лейаутов, если обновлять страницу то прокрутка страницы возвращается в самое начало. В других проектах, если ты прокрутил допустим до середины, то после F5 страница туда же возвратится. Как можно исправить?

на сколько обоснован динамичесикй импорт? прочему не обычный?

Что то всёравно плохо работает этот метод, dts у меня так и не собрался. Видимо, придётся отложить напотом эту задачку.

Сергей, большое спасибо вам за данное видео, оно прекрасно! Показана проблема, показаны разные варианты решения, их плюсы и минусы, разобрана реализация каждого подхода, идеально! Жаль, что вы делаете так мало контента, у вас определено талант!

Интересное видео, спасибо

Шикарно!! Спасибо

Видео полезное, для новичком будет очень здорово, но есть пара нюансов: 1. Глобальный скоуп работает только в рамках шаблона. В скрипте все равно придется доставать хуком или еще как-либо. 2. В данном случае, хоть сама задача авторизации и является глобальной, все таки стоит еще задуматься о том, чтобы сделать хуки импортить от туда хук + енам. Тем более, если делать директиву или компонент обертку, то это уже не выглядит таким накладным)

Информативные видео для новичков! Спасибо!

Здравствуйте, можете сделать пожалуйста видео про авторизацию.

Привет! Очень жаль, что видео перестали выходить довольно продолжительное время😢 Надеюсь, еще появится тут новый, полезный контент!❤

Ты мне открыл глаза. 😳🥹 Но я нифига не понял, но к этому иду. Я начинающий. 😅 Пойду посмотрю все видео. Надеюсь есть где пишешь все это..

Эх, где это видео было раньше. Столько времени убил чтоб самому допереть до этого)) спасибо. Ещё удобно добавить группы скоупов, особенно если из много и юзеры сами будут рулить доступами

Полезное видео, спасибо! Жаль, не так много контента на канале

Ну такой себе спиннер, скорей как у деда старого

🔥🔥🔥

А нужна ли вообще директива для доступов? По моему получится велосипед в виде кастомного v-if

Посмотрев это видео, понял сколько мне еще учиться xDD

А если допустим это ui-kit в котором сборник компонентов, то как их экспортировать? И есть такие случаи когда компоненты сборные, состоящие из нескольких из этой же библиотеки.

Крутая тема , давай продолжение , видео понравилось !!!

Динамические группы/роли/скоупы то еще зло на деле, хоть и звучит красиво и как бы логично))

Спасибо автору! Круто когда люди делятся открытиями с обществом) Мне интересна тема для следующего видео) если конечно вопрос стоящий: насколько успешно поисковик считывает контент с SPA приложений и как лучше подавать контент для поисковика в vuejs?

Классный контент, помогает, продолжение этой части с тайпскриптом нужно!

С этим лайоут системой столкнулся на такое когда меняется хэш (window.location.hash) загружает снова лейоут и страница фризится

ты лучший ❤

Скажи пожалуйста, а во "Vue" отладки сродни той что есть для js не существует? В случае с js в браузере зашел в devtools -> источники -> выбрал файл и вперед, можно по шагам смотреть как где чего работает. Как в случае с vue такие вещи смотреть? Просмотра состояния переменных vue через Vue Devtools несколько недостаточно как по мне..

сделаешь подробнее уроки с vue laravel по этой теме?

Видос очень классный и суперский! Хотелось бы видеть такое же видео, только про модалок (как в видео). Как по мне они очень нужны в любом проекте, и важно чтобы была такая же крутая реализация модалок, которую можно использовать в vue 3 или vue 2

Привет! Пытаюсь применить указанный 3-ий способ с воем проекте. <Component :is="route.meta.layoutComponent"> <slot /> </Component> Тут TS ругается на "route.meta.layoutComponent": Type VueElement | undefined is not assignable to type string | ComponentDefinition Буду благодарен за комментарий.)

Топич, спасибо большое за ролик

Огонь!

Есть лайот шапка внутри инпут с выпадающию меню и у каждой страницы выпадающию меню свой. Как реализовать такое отношение?

офигенный контент, пожалуйста не забрасывай канал, очень полезные видео, а не просто пересказ доков или объяснения как через v-for список вывести !

Не пойму к чему такие сложности. Можно же проще написать и принцип mount/unmount лайота с компонентами такой же будет: в App.vue <router-view /> в router.js (все компоненты пихаем в children нужного layout) const routes = [ { path: '/', name: 'baselayout', component: BaseLayout, meta:{ layout: BaseLayout }, children: [ { path: '/page1/', name: 'page1', component: () => import('@/views/Page1.vue') }, { path: '/page2', name: 'page2', component: () => import('@/views/Page2.vue') }, ] }, { path: '/guard', name: 'guard', component: () => import('@/views/guard/GuardIndex.vue'), meta:{ layout: AdminLayout }, children: [ { path: '/page3.', name: 'page3', component: () => import('@/views/Page2.vue') }, ] }, ]; в BaseLayout.vue (transition конечно здесь лишний. просто допом оставил) <Header /> <router-view v-slot="{Component, route}"> <transition name="slide" mode="out-in" > <keep-alive> <component :is="Component" :key="route.path" /> </keep-alive> </transition> </router-view> <Footer /> И все работает и при хождении по дочерним вьюшкам layout не размонтируется каждый раз, а только тогда пока перехожу на дочернюю вьюшку другого layout. Глюков с переходами при таком подходе пока не увидел. Автор, поправьте, если что-то не так с таким подходом, так как не очень хорошо шарю за vue. Спасибо за видео

Интересненько!!! Спасибо, тебе, добрый человек!

Спасибо!

Спасибо! Очень круто!!!!

Вопрос (оффтоп): у меня есть layout (шапка и футер) В котором есть компонент (страница с данными). В шапке тоже есть свои данные, все прекрасно работает. Но я хочу передать некоторые данные из чайлд компонента в layout, дабы отобразить инфу про страницу в layout. Не хочу лезть в vuex. Как можно передать данные из чайлда в layout?

зря перестал видосы выпускать реально кайфовые

а почему в последнем подходе сперва маунтится шаблон страницы, а потом после него шаблон леяута, если страница - это дочерний компонент леяута?

Привет. Классный контент пилишь). А можешь про модульную архитектуру запилить видос? Заранее пасяб)

Спасибо! полезные знания