Vue js уроки - Компоненты

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

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

  • @antonb6831
    @antonb6831 6 лет назад +24

    Хуяк-хуяк и в продакшн
    Можно было бы поподробнее разжевать. Думаю, не одному мне не все понятно.

    • @alexcherepanov6152
      @alexcherepanov6152 5 лет назад +1

      согласен, автор думает что все такие же задроты как и он

    • @webhero42
      @webhero42 3 года назад

      @@alexcherepanov6152 да какой он задрот, подобные "учебные уроки" пишуться на коленке, спизженные примеры с документации, ее прочтения будет достаточно

  • @GeliosGarik
    @GeliosGarik 4 года назад

    к последнему примеру:
    значения _title_ из _data_ надо передавать в свой тэг как *v-bind:booktitle='title'*
    Предварительно указав его в *props: ['booktitle']* и тогда в _temlate_ можно использовать *{{ booktitle }}*

  • @sergeyvolkov74
    @sergeyvolkov74 6 лет назад +2

    Использование два раза на странице будет являться невалидным из-за повтора id, этого как то можно избежать?

    • @summerokk
      @summerokk 6 лет назад

      зачем два одинаковых шаблона делать?

    • @sergeyvolkov74
      @sergeyvolkov74 6 лет назад

      Так это ведь не создание, а использование.
      Я про вот этот момент ruclips.net/video/Vx01yh3SZTk/видео.html, в нем автор в html дублирует и говорит - "вот так можно переисользовать компонент".
      В итоге в чистом html будет два тега с одинаковым id - это невалидный код. Ну и будем честными - это не чистое переиспользование, а копирование уже.
      Наверняка есть другой подход для переиспользования в котором не нужно копировать целиком .
      В официальной документации переиспользование компонентов делается иначе - ru.vuejs.org/v2/guide/components.html#%D0%9F%D0%B5%D1%80%D0%B5%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D0%BE%D0%B2, и вот этот код будет уже валидным.

    • @fagcinsk
      @fagcinsk 5 лет назад

      йаду аффтару

  • @Deeem84
    @Deeem84 5 лет назад +1

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

  • @РафаэльБ-ш4в
    @РафаэльБ-ш4в 6 лет назад

    Очень интересно кстати! Спасибо, немного вник даже походу!...

  • @tmdan91
    @tmdan91 5 лет назад +5

    Уроки на 3. Объяснений ноль, я понимаю практика важна, но не настолько чтобы просто фигачить код и не объяснять толком что и зачем.

  • @АнатолийВасилюк-ф6ь

    Добрый день. Подскажите, что дает "props" в задании с книгами? Я изменял этот массив, делал ошибки и даже закомментировал. Все работает без изменений. Спасибо.

    • @SubikRUS
      @SubikRUS 6 лет назад +6

      Потому, что в видео не правильно объяснили этот момент
      Вот тут можешь посмотреть правильное решение codepen.io/anon/pen/yEKLJL
      Это ссылка онлайн редактор кода

    • @АнатолийВасилюк-ф6ь
      @АнатолийВасилюк-ф6ь 6 лет назад

      Спасибо большое

  • @basitkhantashmukhamedov2199
    @basitkhantashmukhamedov2199 6 лет назад +3

    Окей, сложный template, а зачем мы его создали, если всё равно мы его самого копируем, без использования коротких тегов? просто как по мне, можно использовать обычный вывод через {{ text }}, потому что мы и в template использовали этот же метод.

    • @sergiolambruzzi2443
      @sergiolambruzzi2443 5 лет назад

      Также недоумеваю, если удалить компонент из скрипта, код всё равно будет работать. В видео компонент представлен как аналог template

  • @thisfil
    @thisfil 5 лет назад +3

    8:34 не понятно тогда, зачем объявлять компонент, зачем юзать на html странице если бы мы с таким же успехом просто из app.data достали бы значения свойств и вывели их через {{ }} на html странице

    • @webhero42
      @webhero42 3 года назад

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

  • @alexanderprunov2594
    @alexanderprunov2594 5 лет назад

    Не могу понять что упустил, 1 строка Vue подсвечена синим цветом и не работает . я понимаю что то не так, может быть надо что то подключать?

    • @KIllAlIPie
      @KIllAlIPie 4 года назад

      Попробуй написать с большой буквы

  • @Amina-fm3vk
    @Amina-fm3vk 6 лет назад

    так держать! надеюсь далее будет пхп практика

    • @SuprunAlexey
      @SuprunAlexey  6 лет назад +1

      Спасибо! Да, следующий курс PHP практика!

  • @ДжонРичмонд-ь3н
    @ДжонРичмонд-ь3н 6 лет назад

    Вопрос от части не по теме, изучаю 2й ангуляр, щас уже 6й... насколько критические различия версий? толковых уроков просто по 6му нету :( ответь пожалуйста, спасибо

    • @mazZZzilaplayer
      @mazZZzilaplayer 6 лет назад

      Не критические. Самое важное -- что стал применяться rxjs новой версии, что ломает обратную совместимость и немного меняет синтаксис внутри сервисов. Но совместимость можно восстановить одной командой, установив полифилл. На ютубе для нормальных людей (английском) уже куча видосов и по качеству они в разы превосходят всё то, что существует в русском сегменте

    • @listentomusic621
      @listentomusic621 6 лет назад

      пока будешь изучать ангуляр 10 появится

  • @ПавелПолищук-б2ъ
    @ПавелПолищук-б2ъ 6 лет назад

    ЗдОрово!

  • @bolovy6093
    @bolovy6093 6 лет назад

    Привет, webpack + vue будет?

    • @SuprunAlexey
      @SuprunAlexey  6 лет назад

      отдельно наверное от курса

  • @evgeniivavilo8678
    @evgeniivavilo8678 3 года назад

    Очень удобно, что все уроки небольшие и разбиты на темы

  • @alexlyt9104
    @alexlyt9104 6 лет назад

    Уроки хорошие, но почему не делаешь pdf презентацию или туториал, где это все указу ешь? Получится полноценный крок)))

  • @alexlyt9104
    @alexlyt9104 6 лет назад

    или вебинар)))

  • @Andrey-xg4vy
    @Andrey-xg4vy 5 лет назад +1

    Тема не раскрыта.

  • @0x2d26
    @0x2d26 6 лет назад

    Второй

    • @SuprunAlexey
      @SuprunAlexey  6 лет назад

      Увы не первый

    • @0x2d26
      @0x2d26 6 лет назад

      Хоть не третий.

  • @onav6501
    @onav6501 6 лет назад +1

    "сигн ап" ухи режет)