Vue.js - компоненты [урок 4]

Поделиться
HTML-код
  • Опубликовано: 13 сен 2024
  • Работа с готовыми компонентами.
    Создание нового компонента.
    Создание прогресс-бара.
    Код с урока - jsfiddle.net/e...
    Курс по Vue - js.dmitrylavrik...

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

  • @ЯрославЛашко-и3ш
    @ЯрославЛашко-и3ш 6 лет назад +8

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

  • @АлександрАндреев-г3ь
    @АлександрАндреев-г3ь 4 года назад +1

    Супер! Спасибо!

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

    Дмитрий, огромное спасибо за уроки! Прошу вас уделить внимание теме использования Vue.js при разработке плагинов для WordPress. Пока очень мало материалов на эту тему в сети, а тема очень востребованная.

  • @ПиратикКузнецов
    @ПиратикКузнецов 3 года назад

    Ничего нового не скажу, но спасибо большое.

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

    Пока смотрел один этот урок бегал три четыре раза в чат чтоб спросить почему тут так, а там этак.

  • @pupsen_110kg
    @pupsen_110kg 4 года назад +2

    🛑 Стоп я один офигел с результата рандомайзера на 3:47?? 😁

    • @EugeneChe-81
      @EugeneChe-81 4 года назад

      Danila Sotnik Недорандомайзер какойто)))

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

    Спасибо!

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

    Спасибо, ждем продолжения!
    У тебя стартует курс по vue.js, ты будешь выкладывать уроки этого курса в процессе или в конце?

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

      Смотря куда выкладывать) Те, кто на курсе, получают материалы и записи после каждого урока.

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

    спасибо за полезные уроуки, у мменя такой вопрос, допустим я или кто-то нарисовал дизайн сайта в figma или adobeXD, и сделал кликабельный прототип, как с помощью vue его быстро заверстать ?

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

    зачем создавать дополнительно еще одно вычисляемое свойство done? можно же в addNumber эту проверку делать

  • @user-zt1hx3ci2v
    @user-zt1hx3ci2v 6 лет назад

    Приветствую, Дмитрий! У меня вопрос, если я вставляю в tag transition точно такой же заголовок с точно таким же классом, но с другой функцией, то отображается только первый Your profit, если же я выношу из transitionа, то все работает, почему?

  • @user-zt1hx3ci2v
    @user-zt1hx3ci2v 6 лет назад +1

    Так же хочется узнать, нормальная ли практика писать стили через style внутри темплейта?

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

      Алексей Алексеевич
      Да, потому что в теге используются директивы вью, а не атрибуты хтмл

  • @user-bk6dg7dp7p
    @user-bk6dg7dp7p 5 лет назад

    Здравствуйте! А как сделать удаление элементов из списка?

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

    вот бы еще про асинхронные компоненты сделал видео, а то никак врубиться не могу

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

    А это нормально, что первый вариант работает, а второй нет?
    return {
    width: '10%'
    }
    return
    {
    width: '10%'
    }

    • @user-oq8pc1he4l
      @user-oq8pc1he4l 5 лет назад +1

      Это норм. Ты же не тело функции пишешь, с return в js так не прокатит

    • @oleksiib.9762
      @oleksiib.9762 4 года назад +1

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

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

    Progress-bar почему-то не работает. Блок progress отображается, но при любом значении width у progress-bar, он остается пустым. При этом ошибок никаких не выводится.

    • @user-ko1lu8il6h
      @user-ko1lu8il6h 6 лет назад +1

      вы точно подключили файл стилей bootstrap.css?

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

      Да, в остальном бутстрап отрабатывает отлично- стили кнопок, цвета и прочее- все работает. Для проверки скопировал элемент в другой свой код (без подключения вью)- прогресс-бар отрабатывает как надо. Здесь же почему-то он не отображается.

    • @user-ko1lu8il6h
      @user-ko1lu8il6h 6 лет назад +1

      я пример не доделывал, но прогресс бар работает.
      drive.google.com/open?id=1kb14UTVfWBp5N0UtUf-ewGGPwOF98BXc
      посмотрите, надеюсь поможет

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

      Спасибо! Честно говоря, не понял где была ошибка. Сначала подумал, что проблема в файле vue.js, т.к. я подключал vue.min.js. Потом подозрение пало на bootstrap- тем более, что у Вас бутстрап 3 версии. Подключил бутсртап 3. Затем скопировал вашу строчку с template, и все чудесным образом заработало. Стал искать ошибку, вернул обратно свою строчку с template- все равно работает :) Вернул все остальное в начальное состояние (поставил обратно vue.min.js, bootstrap 4). В итоге так и не понял в чем была ошибка, но все теперь работает :))
      Пару слов о вашем коде, если Вам интересно:
      1. В данном примере Вы подключаете vue через cdn, а не лок. файл vue.js
      2. Одиночный тэг нет необходимости закрывать слэшем
      3. Можно добавить классы list-group для ul и list-group-item для li (как это было в видео)- тогда не будет маркеров у элементов списка.
      Еще раз спасибо, успехов и удачи Вам!

  • @m-fusion
    @m-fusion 6 лет назад

    Привет. Когда стартует курс по Vue ?

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

    А почему вы темплейты пишите прям в js почему не выносите в html?

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

      40-nedel
      В следующем уроке разбиение на файлы, где компоненты выносятся в другой файл и там всё нормально будет.

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

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

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

    Дмитрий, почему Вы произносите "false" как "фэлс", а "val" как "вол"?? Должно быть ровно наоборот) "фолс" и "вэл"

    • @user-qk5yp9hq6x
      @user-qk5yp9hq6x 6 лет назад +15

      Egor Kravchenko вообще похер как это произносит, главное что он несёт радость и свет знаний!:)

    • @dmitrylavrik
      @dmitrylavrik  6 лет назад +5

      Надо подтягивать английский)

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

      @@user-qk5yp9hq6x Это вам похер, потому как вы даже русского-то не знаете

    • @Дмитрий-ч1в5ы
      @Дмитрий-ч1в5ы 5 лет назад

      После того как услышал как один препод читает value как "валуе" мне не страшно ничего.

    • @oleksiib.9762
      @oleksiib.9762 4 года назад

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

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

    Предлагаю поставить видео на паузу... хD... Тут без паузы бы разобраться что к чему ))

  • @pavel.karpets
    @pavel.karpets 4 года назад

    рандомайзер устал ruclips.net/video/a_0pPwoeS4E/видео.html ?

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

    сижу, как баран на новые ворота смотрю... вроде пока смотрю, понятно. А шаг влево, шаг вправо и хрен пойми что откуда берётся. Разбираться надо. На чистом JS`е всё это проще реализовать, как по мне... Слишком уж замудрёно всё...

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

      Дмитрий Тютяев
      Согласен. На jquery всё это в десяток строчек умещается. Где не нужна реактивность, там продолжаю jquery использовать - не нужно такой огород городить.