🐞🔍 VUE 3 hacks to improve debug

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 พ.ย. 2024

ความคิดเห็น • 29

  • @ulyanov_life
    @ulyanov_life 2 ปีที่แล้ว +4

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

    • @dev-workshop
      @dev-workshop  2 ปีที่แล้ว +2

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

  • @maksymshypytsia5217
    @maksymshypytsia5217 2 ปีที่แล้ว +1

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

    • @dev-workshop
      @dev-workshop  2 ปีที่แล้ว

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

  • @DenisB-d5f
    @DenisB-d5f ปีที่แล้ว +4

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

    • @dev-workshop
      @dev-workshop  ปีที่แล้ว +1

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

  • @dmitriykret8938
    @dmitriykret8938 2 ปีที่แล้ว +1

    👍

  • @VELIXYZ
    @VELIXYZ 2 ปีที่แล้ว +1

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

    • @dev-workshop
      @dev-workshop  2 ปีที่แล้ว +1

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

  • @ulyanov_life
    @ulyanov_life 2 ปีที่แล้ว +1

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

    • @dev-workshop
      @dev-workshop  2 ปีที่แล้ว

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

    • @ulyanov_life
      @ulyanov_life 2 ปีที่แล้ว

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

  • @Эдуард-п2у
    @Эдуард-п2у ปีที่แล้ว

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

    • @dev-workshop
      @dev-workshop  ปีที่แล้ว

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

  • @arefev
    @arefev 2 ปีที่แล้ว +1

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

    • @dev-workshop
      @dev-workshop  2 ปีที่แล้ว

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

    • @arefev
      @arefev 2 ปีที่แล้ว

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

    • @dev-workshop
      @dev-workshop  2 ปีที่แล้ว

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

  • @СергейЮрьевич-г4е
    @СергейЮрьевич-г4е 2 ปีที่แล้ว +1

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