Todo app (список задач) на Vue 3 + Composition API / Vue практика

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ม.ค. 2025

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

  • @ПавелРоговин
    @ПавелРоговин 4 ปีที่แล้ว +4

    В целом довольно прикольно, но хотелось бы по скорее ТС, интересно было бы послушать про новую реактивность, да и в целом про новые фичи вью3. Спасибо за контент.

  • @Draglex
    @Draglex 4 ปีที่แล้ว +1

    С каждым разом видео все интереснее и познавательнее

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

    Стоило обратить внимание про разницу между ref и reactive, что ref больше подходит для примитивов, а reactive для объектов

  • @nouchance
    @nouchance 4 ปีที่แล้ว

    Спасибо большое процветанию твоему каналу удачи тебе!

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

    Спасибо! Урок мне понравился!

  • @aleksandrkhabarov6026
    @aleksandrkhabarov6026 4 ปีที่แล้ว

    Огромное спасибо автору за контент! Подписался, с жадностью поглощаю информацию!

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

    Хороший уровень! Подписался!

  • @АвдееваАнастасия-х5б
    @АвдееваАнастасия-х5б ปีที่แล้ว

    А как сделать редактирование тасков?

  • @РимХайруллин-с2ц
    @РимХайруллин-с2ц ปีที่แล้ว

    Не работает удаление. Пробовал консоль логать вообще ничего не происходит. Памагите

  • @aleksandrkhabarov6026
    @aleksandrkhabarov6026 4 ปีที่แล้ว +1

    Если удалить все задачи и попробовать добавить новую - получим ошибку. Что бы пофиксить, нужно добавить проверку в методе addTask:
    *taskList.value = [...taskList.value, {id: (**taskList.value.id** != undefined) ? taskList.value[taskList.value.length - 1].id + 1 : 1, title, description, status: false}]*

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

      Кстати после ввода задачи и нажатия Add Task в input'ах остаются значения предыдущего ввода, что бы это пофиксить, нужно дописать метод onAddTask в файле TaskInput.vue:
      const onAddTask = () => {
      emit('onAddTask', {title: title.value, description: description.value})
      title.value = ''
      description.value = ''
      }
      Пишу для таких же чайников как и я)))

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

    Хотелось бы масштаб побольше, плохо видно.

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

    День добрый. Если не затруднит, подскажи, плиз. Я делаю себе в портфолио сайт футбольного клуба. Думаю реализовать карточки игроков с помощью Vue. Ты не мог бы запилить видос с такой вот темой?

    • @ЛукьяновАртём-р1х
      @ЛукьяновАртём-р1х  4 ปีที่แล้ว +1

      Привет, тема слишком узкая, поэтому не будет широкого охвата. А вообще сверстать нет сложности, как и любую другую карточку. Могу лишь дать совет, если у тебя в основе сайта лежит инструмент отличный от Vue, то не стоит его использовать, особенно если основа на React или любом другом реактивном фреймворке. Конечно его можно подключить через CDN, но это считает ооочень плохой практикой:)

    • @ПашаДибала
      @ПашаДибала 4 ปีที่แล้ว

      @@kaprizov3200 Есть Владилен минин, там типо CRM делает, но тоже с 1 header, без скрола и с кучей багами 😂

    • @ЛукьяновАртём-р1х
      @ЛукьяновАртём-р1х  4 ปีที่แล้ว +1

      @@kaprizov3200 Привет. Для лендингов нет смысла использовать Vue, по крайней мере в чистом виде, т.к. это фреймворк для создания SPA. Хотя если взять тот же GridSome(аналог Gatsby) то можно сделать и лендинг, и я бы предпочел такой вариант, нежели использовать условный PHP. Лично я не делаю большие проекты под запись т.к. на это может уйти слишком много времени, ну и на дистанции это потраченное время может не окупиться(не в плане монетизации, у меня её нет, а в плане просмотров). Даже чтобы записать такое короткое видео как это - уходит часа 3-4, а с монтажем и все 5ч. Все таки канал для меня больше как развлечение или хобби, поэтому я не могу делать большие проекты.

    • @kaprizov3200
      @kaprizov3200 4 ปีที่แล้ว

      @@ЛукьяновАртём-р1х а спасибо что просветил, не знал что вью в основном для spa, я просто хотел запилить лендинг для портфолио, а примеров не было

    • @ЛукьяновАртём-р1х
      @ЛукьяновАртём-р1х  4 ปีที่แล้ว

      @@kaprizov3200 могу порекомендовать Gridsome если хочется именно на Vue сделать. Удобный инструмент для статически генерируемых сайтов.

  • @ilyakhoroshavin3488
    @ilyakhoroshavin3488 3 ปีที่แล้ว

    жду видео какого нить проекта чтоб с базой данных работа была еще pls

  • @shpagin_dev
    @shpagin_dev 3 ปีที่แล้ว

    Во vue 3 атрибут key для списка не нужен

  • @ЕвгенияСтурова-и9ц
    @ЕвгенияСтурова-и9ц 4 ปีที่แล้ว

    Спасибо! )

  • @BraentR
    @BraentR 3 ปีที่แล้ว

    Спасибо

  • @БезэтогоНикак
    @БезэтогоНикак 4 ปีที่แล้ว

    Большое Спасибо за видео.
    Попробовал, больше Vite-ху*тэ использовать не буду. Взяли похерили все прелести vue. Я правда слабый разраб и мне смена архитектуры на прокси до фени, может быть в этом причина.

    • @ЛукьяновАртём-р1х
      @ЛукьяновАртём-р1х  4 ปีที่แล้ว +3

      В проде я тоже не буду испытывать судьбу, т.к. много сырых мест пока что, но я уверен их пофиксят на дистанции. Ведь есть и положительные моменты - реально крутая производительность, понравилась поддержка WASM из коробки. И про Vue ты зря, Vite к функционалу Vue не имеет отношения, это просто новый веб инструмент по типу Webpack, ты так же можешь на нём завести React/Svelte.

    • @shpagin_dev
      @shpagin_dev 3 ปีที่แล้ว

      @@ЛукьяновАртём-р1х Vite под вью разрабатывался изначально, у них это в доке написано, это потом они от фреймворка отошли
      ИМХО решение такое себе т.к. универсальных сборщиков на GO сейчас миллион появилось и ещё один универсальный никому не нужен, а вот заточенный именно под vue -- возможно

  • @Александр-ш8к6щ
    @Александр-ш8к6щ ปีที่แล้ว

    Спасибо за урок, но уровень владения JS и Vue для его понимания явно должен быть выше среднего. Поэтому оценка скорее отрицательная.

  • @alexdreamer11
    @alexdreamer11 ปีที่แล้ว

    Вообще ни чего не понял. Ты пытался показать как круто и быстро ты умеешь кодить?

  • @laticalamonzi2814
    @laticalamonzi2814 4 ปีที่แล้ว

    Насчёт фоновой музыки - зря. Видео обучающее, а подобная музыка стимулирует совсем другие "центры" =)