Vue Composition API с нуля #17 - Базовые компоненты кнопки и выпадающего списка

Поделиться
HTML-код
  • Опубликовано: 18 ноя 2024

Комментарии • 12

  • @Chudikfilosof
    @Chudikfilosof Год назад +3

    Очень круто что ты пошагово очень подробно показываешь как можно рефакторить код, а не сразу пишешь его правильно. Так легче понять как разбивать компоненты и передавать данные между собой.

    • @igorbabko
      @igorbabko  Год назад +2

      Благодарю за отзыв! В будущем еще будет много моментов, когда мы в процессе рефакторинга приходим к более оптимальным решениям. Очень рад, что нравиться такой подход))

  • @maksymshypytsia5217
    @maksymshypytsia5217 Год назад +3

    Шикарные уроки. Спасибо огромное вам. Потом бы еще Typescript добавить.

    • @igorbabko
      @igorbabko  Год назад +2

      Всегда пожалуйста! Интеграция TypeScript в этот проект планируется 👌

  • @serhiigerkhard6745
    @serhiigerkhard6745 Год назад +4

    Класс, это бы приложение еще потом переписать на Typescript

    • @igorbabko
      @igorbabko  Год назад +3

      Посмотрим) На данный момент я планирую это сделать в отдельном плейлисте)

  • @TalosDx
    @TalosDx 9 месяцев назад +1

    Хочу сказать тебе вот, что какой же ты гигачад дисциплины, 137 видео! Как же ты хорош. Да еще и так понятно рассказываешь. (На взгляд бэкендера, по зову работы должен фронт писать и твои видосы, как нельзя кстати.)
    Спасибо!

    • @igorbabko
      @igorbabko  9 месяцев назад

      Большое спасибо за обратную связь и поддержку!!

  • @fantastique
    @fantastique 10 месяцев назад

    вы удалили name и id у select-а, а как их правильно передавать из родителя?

    • @igorbabko
      @igorbabko  10 месяцев назад

      Можно с помощью внешних свойств (props-ов):
      // BaseSelect.vue
      defineProps(['id', 'name']);
      или же с помощью наследования атрибутов. Я бы в этом случае использовал наследование атрибутов (подробнее о наследовании атрибутов в уроке 7 из этого плейлиста - ruclips.net/video/dHvJw3U2oXE/видео.html)

  • @ТарасХомайко-к1щ

    Не понял как работает.
    Передаем компоненту BaseSelected пропсы ( :selected , options ) а плейсхолдеру не делаем v-bind но потом получаем как пропс?

    • @igorbabko
      @igorbabko  Год назад

      placeholder является простой строкой, поэтому для его передачи не нужно привязывать значение к пропсу с помощью v-bind)