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

Поделиться
HTML-код
  • Опубликовано: 6 окт 2020
  • Проект из видео: github.com/ksydex/videos/tree...
    Про Vite: v3.vuejs.org/guide/installati...
    Про Composition API: v3.vuejs.org/api/composition-...

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

  • @Draglex
    @Draglex 3 года назад +1

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

  • @user-ii5th5uj2t
    @user-ii5th5uj2t 3 года назад +4

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

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

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

  • @AGM140580
    @AGM140580 2 года назад

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

  • @arm_128bit
    @arm_128bit 2 года назад +1

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

  • @igorkulibaba7287
    @igorkulibaba7287 2 года назад

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

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

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

  • @user-oo6en8fq5m
    @user-oo6en8fq5m 3 года назад

    Спасибо! )

  • @user-jh3xe4qx3p
    @user-jh3xe4qx3p 9 месяцев назад

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

  • @user-ud4jk6ol3y
    @user-ud4jk6ol3y Год назад

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

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

    Спасибо

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

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

  • @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 сделать. Удобный инструмент для статически генерируемых сайтов.

  • @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 = ''
      }
      Пишу для таких же чайников как и я)))

  • @ivanshpartko359
    @ivanshpartko359 2 года назад

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

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

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

  • @user-ni8uk4of9l
    @user-ni8uk4of9l 3 года назад

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

    • @user-bc2nc5lt5p
      @user-bc2nc5lt5p  3 года назад +3

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

    • @ivanshpartko359
      @ivanshpartko359 2 года назад

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

  • @alexdreamer11
    @alexdreamer11 6 месяцев назад

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

  • @user-pn9ko9eg2b
    @user-pn9ko9eg2b Год назад

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

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

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