🐞🔍 VUE 3 hacks to improve debug

[@ulyanov_life]

Было бы здорово посмотреть как ты реализуешь ролевую модель и проверку разрешенных роутов для авторизованного/неавторизованного пользователей.

[@dev-workshop]

Отличная идея, я запишу :)

[@DenisB-d5f]

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

[@dev-workshop]

Спасибо! Скоро будут еще

[@maksymshypytsia5217]

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

[@dev-workshop]

Спасибо, очень приятно !

[@ulyanov_life]

Все интересно и полезно! Не хватало отбивок с текстом в дополнение к отбивкам с кодом в начале отдельного блока с темой.

[@dev-workshop]

Отбивок с текстом? Ты имеешь в виду голосом? На отбивках с кодом есть коммент с текстом))

[@ulyanov_life]

@@dev-workshop не, имею ввиду, что скрин с кодом и комментом оно конечно хорошо, но более читаемо выглядит отбивка с текстом в виде заголовка, а не комментария. И заголовка на том языке, на котором вещаешь 🙂

[@dmitriykret8938]

👍

[@VELIXYZ]

А где подробней можно поизучать про свои плагины? Как это было сделано с $console. Ведь это открывает много дверей

[@dev-workshop]

Официальная документация вью очень хорошо описывает плагины vuejs.org/guide/reusability/plugins.html Можешь посмотреть видео на моём канале про авторизацию и ролевой доступ там есть ещё один пример плагина, но без подробностей А вообще с плагинами нужно быть аккуратным и не переборщить а то будет plugin hell И обязательно документировать :)

[@arefev]

Заметил что во vue 3 режиме дебага нельзя смотреть значения переменных и прочее. Это как-то можно исправить?

[@dev-workshop]

Почему нельзя? Все значения просматриваются в дебаг тулзах

[@arefev]

@@dev-workshop не, я про обычный браузерный дебагер, не vue devtools

[@dev-workshop]

@@arefev А, ну там все интереснее:) Попробуй выведи нужную тебе переменную в console перед debugger и тогда можно посмотреть значение. браузерный дебаггер не всегда показывает значение переменных, если не используются "явно". Если ты приведешь пример на каком-нибудь код сэнд боксе, я могу показать, как увидеть значение :)

[@Эдуард-п2у]

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

[@dev-workshop]

Эта отладка никуда и не ушла) пропиши в нужном тебе vue файлике "debugger;" и открой devtools в хроме и будет тебе счастье

[@СергейЮрьевич-г4е]

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

[@dev-workshop]

Я очень рад!)