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

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ส.ค. 2024
  • Проект из видео: github.com/ksy...
    Про Vite: v3.vuejs.org/g...
    Про Composition API: v3.vuejs.org/a...

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

  • @user-ii5th5uj2t
    @user-ii5th5uj2t 3 ปีที่แล้ว +4

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @user-oo6en8fq5m
    @user-oo6en8fq5m 3 ปีที่แล้ว

    Спасибо! )

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

    Спасибо

  • @user-ud4jk6ol3y
    @user-ud4jk6ol3y ปีที่แล้ว

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

  • @user-jh3xe4qx3p
    @user-jh3xe4qx3p ปีที่แล้ว

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

  • @aleksandrkhabarov6026
    @aleksandrkhabarov6026 3 ปีที่แล้ว +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 3 ปีที่แล้ว +2

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

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

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

    • @user-bc2nc5lt5p
      @user-bc2nc5lt5p  3 ปีที่แล้ว +1

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

    • @user-bj3ow4fe9m
      @user-bj3ow4fe9m 3 ปีที่แล้ว

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

    • @user-bc2nc5lt5p
      @user-bc2nc5lt5p  3 ปีที่แล้ว +1

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

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

      @@user-bc2nc5lt5p а спасибо что просветил, не знал что вью в основном для spa, я просто хотел запилить лендинг для портфолио, а примеров не было

    • @user-bc2nc5lt5p
      @user-bc2nc5lt5p  3 ปีที่แล้ว

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

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

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

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

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

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

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

  • @user-ni8uk4of9l
    @user-ni8uk4of9l 3 ปีที่แล้ว

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

    • @user-bc2nc5lt5p
      @user-bc2nc5lt5p  3 ปีที่แล้ว +3

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

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

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

  • @alexdreamer11
    @alexdreamer11 9 หลายเดือนก่อน

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

  • @user-pn9ko9eg2b
    @user-pn9ko9eg2b ปีที่แล้ว

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

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

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