Пишем список задач(todo list) на Vue.js

Поделиться
HTML-код
  • Опубликовано: 12 сен 2024
  • Пишем список задач на Vue.js.
    Codepen: codepen.io/ksy...
    *По поводу состояний задач: можно сделать несколько разных массивов, в которые можно помещать задачи в зависимости от их состояния, а не добавлять в структуру объекта задачи переменную "status". В целом, тут кому как больше нравится.
    Vue.js документация: vuejs.org/v2/g...
    vue.js CDN: cdn.jsdelivr.n...

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

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

    все пушечно, нечего лишнего не сказал, все по делу жду новых видео. Удачи!

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

    Классные видео, у вас большое будущее на ютуб. Если не забросите

  • @tikhonnnnn
    @tikhonnnnn 4 года назад +1

    Спасибо большое! Коротко и по делу, все понятно)

  • @user-el1qe1fv8s
    @user-el1qe1fv8s 4 года назад

    кайф, ищу сейчас не уроки а именно примеры выполнения проектов на vue js
    на этом канале годный контент
    #vuejs #vue #vuejsпримеры

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

    Огонь!Очень выручил

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

    спассиба большое то чего я ожидал

  • @user-cm3yn6bj2y
    @user-cm3yn6bj2y 4 года назад

    Спасибо, помог, продолжай дальше!

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

    блин вксь ютуб обсмотрел - ни один не показал как по нажатию кнопки добавить элемент или инпут или компонент

  • @WEBSTART-LIVE
    @WEBSTART-LIVE 4 года назад

    great video!)

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

    Спасибо за видео! На последнем моменте с очисткой данных после добавления новой задаче тоже заметил, что вы изначально делали просто пуш уже готового объекта строкой this.tasks.push(this.new_task) и после шла очистка, но при таком варианте происходит запись уже пустого объекта, могли бы объяснить почему так происходит, ведь по логике и по шагам мы делаем все верно, сначала пушим объект в массив, а потом делаем очистку, но получается что происходит все синхронно и в массив добавляется объект с пустыми полями. Может кто знает, объясните пожалуйста

  • @Tim40404
    @Tim40404 4 года назад +1

    5:25 - это называется обратные кавычки. а тильда это символ ~

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

    лайк, комментарий

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

    Хорошие уроки. А как добавить в localStorage чтоб при закрытии данные сохранялись?

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

      Спасибо. После каждого действия которое изменяет состояние - выполнять сериализацию в json и сохранение в localstorage. При открытии приложения соответственно десериализировать из localstorage и положить в стор.

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

      @@user-bc2nc5lt5p а просто в масив можно сохранить без всякого jsona?

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

      @@haykghazaryan9540 нет, localstorage позволяет сохранять только строки.

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

      @@user-bc2nc5lt5p спасибо за инфу

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

    Когда новый ролик? может сделать полноценное приложение или игру? вот прям что бы вообще было огонь где можно было бы попрактиковаться и углубиться в сам код поподробнее остановиться на всем даже на верстке, сделать не одним видео а целым сборником )))

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

      Я постараюсь записать что нибудь когда приеду с отдыха )

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

      Вышло новое видео, в этот раз реакт! Следующее про вью, возможно про vuex или mixins )

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

    не хватает update task метода для полного CRUD

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

      Да, возможно вы правы, но опять же - это уже пространство для творчества, и существует очень много функций, которые могут улучшить это приложение

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

    Автор, тут?)

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

    Где новые видосы???

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

    Почему без vue cli?

    • @user-bc2nc5lt5p
      @user-bc2nc5lt5p  4 года назад

      Многие новички не знакомы с npm, им проще подключить cdn)

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

    Делаю один в один - не работает.

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

      Какие то ошибки в консоль выводятся?

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

      @@user-bc2nc5lt5p оу, а я и не посмотрел)) Возьму с кодепена и поиграюсь. Кстати, исполненные задачи удаляются навсегда или просто делаются невидимыми?

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

      ​@@romanenkoonline удаляет, но эту логику можно просто переделать.

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

      @@user-bc2nc5lt5p спасибо, с этим разберусь позже. Подскажите, пожалуйста, а где всё это нужно хранить? Я пишу простой туду лист. Могу написать на PHP+AJAX+MySQL. Здесь всё хранится в базе данных и ничего не теряется. А в случае с VUE JS где хранить массив данных?

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

      @@romanenkoonline либо взаимодействовать с сервером через API, либо сохранять в localstorage