Vue JS - Быстрый курс за 50 минут

[@sparkqy135]

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

[@laretabatl5934]

Отличнейшие уроки! Я начала понимать логику vue , благодаря Вашим грамотным комментариям всех действий. Создаем компонент, импортируем его, регистрируем его, используем его ! надо передать данные в компонент, то делаем это через props . Самое то, что надо для старта во vue. Спасибищеееее!!!!!!

[@amztrainer4525]

Я конечно дико извиняюсь. Может он просто хотел показать все возможности, и я понимаю что знаю гораздо меньше чем автор. Но писать всю логику в корневом app и импортировать в компоненты только готовые данные, это ж дикость какая то. Зачем тогда в компонентах 3 поля придумали? Пиши тогда всю логику в js файле а стили в css. Но блин в корневом компоненте. Он на то и корневой, что управляет всем, там вообще ничего не должно быть практически. А компоненты- самостоятельные сущности. Они могут получать данные, методы, но роботпть кмк должны сами.

[@quasa0]

@@amztrainer4525 так и в чем твой поинт? Как сделать лучше?

[@VladilenMinin]

Господа, никакого кликбейта, все основные темы разобраны) Добавляйте меня в VK: vk.com/vladilen.minin Содержание: 0:22 Что такое Vue 0:50 Как установить Vue 3:20 Обзор проекта 5:14 Как работает проект 5:57 Как работают файлы .vue 7:12 Что такое компоненты 11:50 Создание данных 12:48 Передача параметров в компонент 14:05 Итерация массивов с v-for 15:40 Валидация параметров 17:58 Работа со стилями 20:17 Динамические классы 21:13 Добавление событий 23:57 Работа с методами 25:50 Работа с формами 28:11 Работа с моделями с v-model 32:57 Жизненный цикл (mounted) 33:15 Работа с сервером 34:41 Мультистраничность с Vue Router 40:11 Как работает v-if 41:00 Добавление компонента loader 44:00 Фильтры 45:58 Computed свойства

[@Rock-fh1hp]

Владлена, походу этот ролик уже не актуален.

[@mrudk1]

@@Rock-fh1hp почему???

[@skylive_skl]

​@@Rock-fh1hp ​ то же проблема с v-for была? Если да, то объясню они добавили еще одну обязательную директиву при использовании цикла, это v-bind:key так что компонент который будет итерироваться из массива должен выглядеть так :

[@yetymoye]

@@skylive_skl спасибо большое!

[@АлинаАлтынбаева-е7н]

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

[@ЭмильАбдуллин-й2с]

Не люблю видосы продолжительностью больше 20 минут,но это божественно,на одном дыхании

[@VladilenMinin]

У меня таких целый плейлист)

[@webxcryptoit7308]

Да вообще одни из лучших уроков и курсов. Владилен, продолжай в том чже духе, ты лучший!

[@VladilenMinin]

Благодарю за отзыв)

[@antonmaklakov]

Включил х2, выучил Vue за 25 минут)

[@user-alex6525]

И тут же забыл😁😁

[@Павел-ъ2б3э]

Это очень смешно))

[@aerahtv0000]

и забудешь с х2 скоростью

[@Alexander-ib3df]

@@aerahtv0000 не запомнит

[@vvks9901]

попробую на х4 ))))

[@SergiuBurduja-y1l]

Спасибо тебе огромное Владилен, ты самый лучший, ты и Петриченко. Я вас обоих просто обожаю.

[@dan.gorbunov]

Владилен, привет. 5 часов разбирал до молекул. Спасибо. У тебя столько материала, что последнюю задачу по js просто не успеваю начать. Очень круто.

[@VladilenMinin]

Знал бы ты сколько материала еще в голове есть, времени бы хватало все записывать) Благодарю за отзыв!

[@theavazov]

Я здесь после год работы в риакте, мне было очень понятно ваша речь, многие схожие места есть с риактом, но здесь как-то более понятно новичкам, спасибо вам огромное

[@Стас-с4ю5т]

Самое лучшее видео из серии "что то за час")))

[@VladilenMinin]

Благодарю, я старался)

[@ДмитрийЧерников-ъ7ф]

Это потрясающе! Это супер-качественно потраченный час в жизни!

[@talas12341]

лучше чем секс с девушкой?

[@nickstojanovic9663]

@@talas12341 Целый час ???? Пфф, хватит ей и 10 минут. Оставшиеся 50 минут лучше потратить на vue ) Правда где потом гику новую девушку искать )

[@rustamtishkov2479]

@@talas12341 даже лучше чем с мужчиной

[@f3arning]

потратил гораздо больше часа, т.к. набирал код попутно, офигенно

[@dauletminutpek3965]

Влад, ты не представляешь как сильно, помогаешь людям. Когда у меня будут спрашивать кто тебя учил, я буду отвечать "мой сенсей Владилен Минин" . Настолько полезный урок, что я начал скачивать видео чтоб не потерять.

[@АнгелинаДорашева-к7ь]

Видео - огонь!! Все по делу и супер понятно изложено, без воды и лишних слов. Спасибо, Владилен, подписалась!)

[@mykhaylokravtsiv6217]

Спасибо, отличный урок! НО небольшой совет ( или личное пожелание, для ОБЩЕГО удобства ) автору : когда по коду ( ну и по комментариям видео ) встречаются ОДИНАКОВЫЕ названия - todo-todo / todos-todos / И ПРИ ЭТОМ САМ АВТОР НАПОМИНАЕТ, ЧТО одно название - ПРОИЗВОЛЬНОЕ ( т.е. ВЫБИРАЕМ в этот конкретный момент !!! ), а другое - УЖЕ СУЩЕСТВУЮЩЕЕ на этот момент НАЗВАНИЕ массива или объекта ( т.е НЕЛЬЗЯ изменить без ошибки в коде ) , - НАМНОГО УДОБНЕЕ БУДЕТ если ПРОИЗВОЛЬНОЕ НАЗВАНИЕ НЕ будет ТАКИМ ЖЕ как и "НЕПРОИЗВОЛЬНОЕ" - ... Если идут одинаковые названия - реально какая-то часть времени уходит на постоянное напоминание себе - где в этих парах какое название ( СТОП ! Я понимаю - что любое название изначально - произвольное)), НО - думаю автор поймет о чем я, т.к. сам отличает эти названия по этому критерию по ходу видео) спасибо.

[@ogogo505]

Как всегда всё доступно и понятно, без лишней воды. Сделай видео, где используются какие-нибудь приёмы из реальных проектов на VueJs или реализация каких-нибудь фич из реальных проектов.

[@VladilenMinin]

Так я целый курс же выпускают с такими штуками по Vue) Там только элементы из реальных приложений!

[@sergey4879]

Просто, доступно, понятным языком. Контент топовый и как всегда очень высокого качества, за что огромное спасибо!

[@АбовянВладислав]

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

[@tnnleo]

Спасибо, делаю тестовое задание благодаря тебе) Как будто полгода учил Vue, хотя только час посмотрел))

[@alexanderkonichek9761]

Я видел много материалов по Vue (в том числе и платные), но это лучшее объяснение для начинающих, какое может только быть!)) Владилен - БРАВО! Вы переплюнули даже сами себя!)

[@alexshubin1]

Быстро, понятно и ничего лишнего. Благодарю за урок !

[@17madjoker47]

Спасибо за видео, очень полезно и без воды. Сразу видно автор хорошо понимает технологию - респект =)

[@1NoXe1]

Смотрел много разных уроков на разные темы, но ты наверное лучший! Все по делу, без воды, не повторяешь одно и то же по 10 раз, а так же не считаешь своих подписчиков полными тупезнями, которых в начале видео нужно обучать алфавиту.

[@lutamona]

Привет Владилен! Большое спасибо за видео. Сегодня в 2022, просматривая этот туториал, правя параллельно вещи, которые у тебя работают (у тебя версии пакетов ниже, и линтер видимо слабее), удалось понять основные принципы, при переходе с 4 лет ангуляра. Спасибо!

[@d.kruglov]

Это лучшее видео для того чтобы начать осваивать vue, всё что нужно и ничего лишнего. Спасибо огромное, пошел писать свой тудулист =)

[@Плененныйкустами]

Чтобы при применении фильтра не сбрасывалось значение checkbox стоит заменить: на

[@VIS-86]

Огромное спасибо! очень доступно)! Желаю успехов каналу!

[@valeriipimenov4894]

Спасибо за ультра мощный обзор) Это не хауди обзор)) Со знаниями реакта заходит очень хорошо! Thank you)

[@AndreyShevchenko-yd3tg]

А мне наоборот после Реакт, кажется слишком много лишней писанины, и немного Vue отстраняет разработчика от javascripta.

[@fantast2568]

Спасибо, информативно ! Так держать Владилен ! 👍

[@andyguitar9627]

Не ну это подписка на канал, на работе таски по вью+лара закинули, видос особо годный, быстро четко и без воды, все как я люблю

[@VladilenMinin]

Добро пожаловать)

[@vladradzievskiy5665]

ругается 4:49 error Unexpected mutation of "todo" prop vue/no-mutating-props

[@andreyfrolov7515]

Нашел в чем проблема?

[@vladradzievskiy5665]

@@andreyfrolov7515 нет

[@misisgringo7025]

так и не нашел? тоже столкнулся

[@badassstas]

Найти что-то такого уровня на ютубе даже не мечтал, спасибо большое)

[@VladilenMinin]

Благодарю, приятно)

[@EugeneChe-81]

Выражаю вам свою благодарность за подобного рода подачу материала!

[@cherpaknorma]

Владилен, огромное спасибо! Было бы круто увидеть от вас такой же видос об Vue Route как и о Vuex!

[@evgeniysaiko2862]

Огромное спасибо за это видео, только начал работать с Vue.js и ролик оказался очень полезным для ознакомления с базовыми вещами во Vue.

[@maxminin6545]

Спасибо большое за видео, понадобилось быстро войти во вью после многолетней работы с Angular и частично React. Твоё видео первое в выдаче по запросу "vue js за 5 минут", всё моментально ясно, пошёл работать))

[@gleb655]

Если у кого-то такая ошибка: Expected to return a value in "filteredTodos" computed property. То просто в конце вашего computed-свойства напишите return this.todos и удалите первый if, с этим возвращением. Это ругается EsLint на то что computed свойство должно что-то ретюрнуть по умолчанию

[@rinatvaliullov3247]

Огонь! Продолжай в том же духе. Очень круто и полезно.

[@dan.gorbunov]

Комментарии видны. Я не перестаю себе говорить, что если бы не ты я бы сломался. Спасибо. Копать и копать твои уроки и пересматривать

[@VladilenMinin]

Мне очень приятно, что мой материал так работает. Это воодушевляет на создание еще более качественного и интересного контента

[@dan.gorbunov]

Я работаю на реальным проектом, уже смотрю будет жестко

[@VladilenMinin]

@@dan.gorbunov Ты имеешь ввиду, что сложно? Если есть какие то темы, что не понятны, дай знать в ВК, подумаю, как их осветить

[@dan.gorbunov]

Vladilen Minin хорошо, напишу. Спасибо за ответ и поддержку.

[@mikazuki1549]

Страшно сказать, сколько туторов на ютубе я за жизнь успел посмотреть, так что смело скажу, что видео действительно полезное, насыщенное и интересное для старта. Респект!

[@ГерманТкачев-и3м]

Владилен, вы молодец. Очень крутой контент пилите, очень понятно объясняете

[@n91135]

Друзья подскажите пожалуйста в чем ошибка, у меня написано всё в точности как в уроке, но требует какое значение в переменной : 51:18 error Expected to return a value in "filteredTodos" computed property vue/return-in-computed-property ✖ 1 problem (1 error, 0 warnings) @ ./src/router.js 14:13-40 @ ./src/main.js @ multi (webpack)-dev-server/client?192.168.43.58:8081&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

[@hyperborean72]

А мне, к сожалению, не понравилось. Можно было бы отделить мух от котлет и называть бесконечные todo/todos как-то иначе, чтобы было четче видно, что откуда читается. Также, например, вы не сказали, что props - массив атрибутов компонента. Эти три слова объяснили бы все, и не нужно было бы тыкать туда-сюда. Я не сразу понял смысл этого свойства. Как вы объяснили структуру тега TodoItem v-for v-bind - вообще песня. Почему-то не посчитали нужным объяснить, что там todo, что - todos. И я так и не понял, зачем в App.vue экспортировать компонент TodoList, и где используется декларированное при этом свойство components. Является ли оно специфичным для Vue, JS, или его имя выбрано произвольно.

[@bulatgafarov5506]

да уж пиздец непонятно

[@Jonstonrich]

12:29 - Все что нужно для жизни разработчику.

[@СергейКоролев-о6й1я]

Подскажите пожалуйста, как в vs-code сделать чтобы при наборе v- высвечивались подсказки v-on и тд ?

[@davidsurmava2669]

Очень хорошо. Кратко и понятно . Автору респект

[@Deligium]

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

[@umaru-chan5659]

Благодарю! очень интересно учиться по вашим урокам!

[@vladvald864]

Большое спасибо за видео, лучшее из серии подобных "освой физику за час" )

[@VoyagerVR]

Есть баг с input в TodoItem. Когда подгружаются данные с сервера, чекбоксы для завершенных и зачеркнутых todo отображаются как неотмеченные, без галки. Лучше использовать v-model="todo.completed" вместо @change="todo.completed = !todo.completed".

[@ДаняДерябкин]

Очень понятно и доходчиво, до начиная с роутов уже не актуально, долго смотрел в чем проблема, потом психанул и скачал архив и вставил просто в свой проект, но все равно так же ошибка(связанная с Vue.use(Router))

[@Alex_2DN]

Добрый день! Спасибо огромное за видео, очень кратко и информативно все) Я правда в конце думал, что баг с обнулением значения чекбокса при фильтринге будет еще пофикшен, поэтому концовка видео для меня оказалась несколько внезапной:)))

[@VladilenMinin]

Я потом уже заметил, что там мелкий баг был, но в твоих силах его поправить самому)

[@mr.sablin]

Не получилось исправить этот баг?) не могу понять как подобраться к индексу...)

[@Amazon_Bewertungen]

как всегда шикарно, спасибо большое за видео!

[@ЕвгенийБондаренко-ы5в]

Владилен, аплодирую стоя. Адски благодарю за науку :3

[@cma1kep]

Спасибо большое. Подача материала на высоте!!!

[@IvanSedov-i7f]

Спасибо. Все понятно и профессионально рассказано.

[@ЮлияИбрагимова-ъ7п]

Большое спасибо! Этот экспресс-курс очень помог быстро разобраться))

[@marimaribobby]

Замечательный туториал! Сразу все понятно и, главное, быстро :)

[@user-gi2wi7mm7i]

Очень хороший урок, разложено по полочкам. Спасибо большое!

[@marinakosova1398]

Пожалуйста, когда делаете туториал, не называйте все переменные одним словом todo, потому что новичку очень сложно разобраться, что куда идет. Назовите todoProperty ну хоть как-нибудь, но по-другому. Досмотрела до 16 минуты и не смогла продолжить, потому что не работало, а в туториале работало... Помог знакомый. Вот мой вариант написания цикла for: .

[@vladislavmac]

Владилен так любит делать, такие переменные ставит по всюду что чёрт ногу сломет

[@timurbazaroff8067]

@@vladislavmac жутко бесит, согласен. Вообще программеры живут в своем мире и не понимают, что в голове у новичка. Каждые 10 минут видео надо делать отступление и объяснять план действий.

[@SlavikPro1998]

@@vladislavmac не нравится не смотри

[@vladislavmac]

@@SlavikPro1998 Я и не смотрю) Я искал годные видео по Vue. Увидел это и зашёл посмотреть как людей обманывают и все :)

[@student747]

Он всё верно делает)) потом поймёте) я согласен, что по началу это путает.

[@sheptickij]

Однозначно лайк. Многие шорткаты IDE не знал. Я бы еще рассказал за миксины.

[@inzoddex8312]

Для тех у кого не работает Emmet в VS Code во .vue следующее решение. Нажать F1 найти файл settings.json и добавить строки "emmet.includeLanguages": { "vue": "html" }

[@СтасНедосекин-и6д]

красава

[@callme8041]

Добавил данную строку но это не помогло, в начале все строки файлов *.vue были чисто белыми, после чего добавил расширение - Vetur. После добавление строки+расширения emmet заработал как нужно. Спасибо.

[@artyom_mezin]

Благодарю за видео, мне как начинающему знакомство с Vue оказалось крайне полезно! На будущее - исходники лучше выкладывать на Github, там все сделано для удобной работы с кодом. У меня есть пару вопросов, один из них как раз из текущего проекта на Vue: 1. Какой смысл делать «компонент в компоненте»? По идее весь этот список можно было вывести в одном TodoList через v-for. Если в приложении много списков, то это дополнительная кипа файлов. 2. У меня есть компонент в котором есть несколько input и вывод checkbox’ов. Как только я отмечаю чекбокс, у меня сбрасывается только что введенное значение в input. Как только я заменил :value на v-model с 2-сторонним связываением, input-ы перестали сбрасываться. Я ранее грешил на vue-fragment и даже создал issue там, но причина оказалась не в нем (код по ссылке): github.com/y-nk/vue-fragment/issues/30 Это нормальное поведение? Могу я как-то работать без 2-стороннего связывания чтобы input значения не сбрасывались?

[@VladilenMinin]

Привет На гитхаб не выгладывал, потому что будет много репозиториев, потом будет сложно ориентироваться, там я храню только основные 1. Исключительно демонстрационный, это учебное приложение 2. Для чекбоксов нужно делать :checked, я уже после записи заметил эту мелкую недоработку)

[@kirillgavrilov9681]

Не знаю, каково это смотреть с нуля (думаю, что смотреть и сразу делать - отлично) Но и в качестве повторения тоже отлично зашло, спасибо! 👏🏻

[@Foxy31]

ОГРОМНОЕ СПАСИБО! Никак не мог перейти с чистого js на фреймворки!!

[@Прощепростого-д6р]

Ну, и как самочувствие ?

[@VladilenMinin]

Кто-нибудь видит мой комментарий с содержанием?🤔

[@LauncherThe]

Его видно только если изменить порядок сортировки на "Сначала новые"

[@VladilenMinin]

@@LauncherThe Благодарю, вроде теперь починил и его видно всегда

[@Amer1canMe]

@@VladilenMinin Не видно

[@VladilenMinin]

Дамир Шагаев а сейчас? Что то не могу понять в чем причина

[@Amer1canMe]

@@VladilenMinin Вот сейчас видно

[@user-iv6op9rv3q]

Что за лажа на 21:50 ? При добавлении v-on:change="todo.completed = !todo.completed пишет Failed to compile. ./src/components/TodoItem.vue Module Error (from ./node_modules/eslint-loader/index.js): F:\Programming\vue-crash-course\src\components\TodoItem.vue 4:43 error Unexpected mutation of "todo" prop vue/no-mutating-props ✖ 1 problem (1 error, 0 warnings)

[@ДмитрийЗласов-я8в]

Потому что автор данного канала не программист, а маркетолог, продавец, но только не программист. Напрямую мутировать данные во vue ЗАПРЕЩЕНО. А на 21;50 он именно это и делает. А у вас ес линт как раз пишет, что вы напрямую мутируете данные

[@ВладимирАнтоненко-д5й]

Благодарю) Как всегда топчик)))

[@kirillgavrilov9681]

04:48 Я купил себе приложение Magnet из App Store и вручную так теперь не растягиваю окна, очень удобно 👍🏻

[@maxSamolet]

Четко, емко и по делу. Супер!!!

[@ilnurryazhapov]

Еще не начал смотреть но уже поставил лайк!

[@АлександрОстапченко-м4в]

Если у кого вываливается ошибка Failed to compile. на этапе import TodoItem from './components/TodoItem' измените на './TodoItem'

[@stasmaksimov9531]

Шикарно! 👍 спасибо!

[@ArtemkaRocks]

39:15 (после добавление роутера, запуска сервера и обновления страницы) компонент Home не отображаеться в консоле ошибки vue-router] Failed to resolve async component render: TypeError: Cannot read property '$createElement' of undefined [vue-router] uncaught error during route navigation TypeError: Cannot read property '$createElement' of undefined at render (eval at ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"74974972-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/Home.vue?vue&type=template&id=fae5bece& (app.js:1040), :6:16) github.com/discipleartem/vue-crash-course

[@draussen10]

Выдает ошибку "Uncaught TypeError: Cannot read properties of undefined (reading 'use')" на момент добавление Router. Кто-то знает в чем проблема?

[@maxtantsura]

Возможно ошибка из-за конфликта версий. Я так пофиксил: 1. изменил vue-router в package.json: "vue-router": "^3.0.0", 2. удалил папку node_modules 3. npm i 4. npm run serve

[@egorbystrov9770]

@@maxtantsura гений, тебя ждёт большое будущее в программировании

[@maxtantsura]

@@egorbystrov9770 рад, что мой комент оказался полезным! 👍🏻

[@romanr5843]

@@maxtantsura спасибо! еще я версию вью изменил на "vue": "^2.6.10"

[@Виталий-е9д5е]

вот на эту строчку ругается eslint ... Custom elements in iteration require 'v-bind:key' directives. Кто знает почему?

[@AlexKhaizeman]

30:30. id не генерируется случайным образом, это количество секунд от 01.01.1970, если не путаю

[@elestakh]

timestamp называется, да

[@andriihelever1793]

Очень круто спасибо, слушаешь на одном дыхание

[@iwannabekoshka]

Очень понравился курс, появилось сильное желание и дальше изучать Vue.js :)

[@Megagundar]

использование todo для различных элементов сильно усложняет восприятие материала для таких новичков как я, а ведь это видео как раз для них

[@ДмитрийЗласов-я8в]

22:11 - это вы напрямую мутируете свойство обьекта?

[@pervushinag]

Вот тоже не понял. Причем потом работает фильтрация по списку, хотя меняли прямо пропс. Может там пропс на данные прям референс (под капотом вью), но это в любом случае неправильно так делать. Проверить просто - надо в режиме фильтрации (не по all) попробовать по чекбоксу щелкнуть - список не изменится, потому что изменения будут по временному объекту, который возвращает computed. Правильно это также как и с удалением прокидывать наверх событие смены состояния Completed, и обрабатывать его в родительском списке.

[@pavelkhmara2312]

И что с этим делать? У меня ошибка с упоминанием мутации (

[@YmNIKYm]

Как всегда на высоте. Спасибо за урок

[@ПИТБАЙКерскийКЛУБ]

Добрый день. Я поставил homestead laravel. Создал новый сайт внутри него. пробую поставить командой - npm install -g @vue/cli - ошибка ENOENT: no such file or directory. Вопрос такой. Я работаю из под windows в простом текстовом редакторе. Будет ли проще поставить ubuntu и там уже через консоль работать?

[@АлексейНагаев-г9ч]

Владлен не подскажите что на данный момент толковое для изучения vue на русском? На webformyself.com есть курс "Фреймворк Vue.js Полное руководство для современной веб-разработки" но если мне не изменяет память в одном из своих стримов вы сказали что этот курс уже не актуален

[@НумаОмирзак]

Вспомнил как летом React у тебя на канале, тогда тоже лист-задач делали и точно также всё. Ностальгия) Сижу и сравниваю React и Vue.

[@goldtalant]

Добрый день. Подскажите, на видео с 20:40 по 21:00 есть условие зачеркивание текста: файл "TodoItem.vue", класс "done", условие "todo.completed"(булевое переменное false-true). Вопрос: не срабатывает "completed" (редактор WebStorm). В видеоуроке шторм выделяет цветом это значение. У меня не выделяет. Просто обойти " " недостаточно, т.к. дальше в коде не срабатывают условия. Что не так у меня с "completed"? ... чтобы исключить возможную синтаксическую ошибку - взял исходники, текст перенес копированием. Не помогло. Пересоздал проект полностью на исходниках 1-в-1. Не работает. По видимому, новые версии отменили\изменили набор элементов... У кого работает - отпишитесь.

[@JuiKoloshi]

todo.components? а какую версию проекта выбрал в (*)chose version? 2.x или 3.x? Я выбрал 2.x, всё рабоатет. А todo.title у тебя срабатывает в span-е TodoItem.vue?

[@theolderperson]

Владилен, спасибо огромное :-)

[@dan.gorbunov]

Формат крутой. Как бы все знаешь, а нет... куча мелочей. Спасибо

[@VladilenMinin]

В этом и была идея, показать базовый функционал, но напичкать его мелочами)

[@lexxich]

Спасибо за урок, очень доходчиво

[@tavuk-shish]

Не нашел в документации jsonplaceholder упоминание про query-параметр limit - откуда взята эта информация?

[@ersultankaldybek5829]

Failed to compile. ./src/App.vue Module Error (from ./node_modules/eslint-loader/index.js): C:\Users\5\Desktop\vue-ss\src\App.vue 13:5 error The "TodoList" component has been registered but not used vue/no-unused-components ✖ 1 problem (1 error, 0 warnings) Уменя выдает такую ошибку в самом начале где мы просто импортируем TodoList

[@jns8223]

Доброго времени суток. Столкнулась с такой проблемой. Новая версия vue cli ,файл app. vue имеет совершенно иную структуру. Раздел script отсутсвует. И если удалить файл home.vue сразу же выдает ошибку. В роуторе прописан именно этот путь. Если его удалить из роутера,продолжает ругаться. В файле index.js это как основной путь. Решение проблемы пока не нашла. Кто сталкивался и может подсказать? Заранее Спасибо

[@leonidivanov9203]

Спасибо большое! Очень познавательно и полезно)

[@yerassylkelsingazin2408]

Только у меня на 29:45 если создавать объект *newTodo* через *const* или *let* , то он не передается в *$emit* ? Пришлось создать объект с помощью ключевого слова *var* , что не есть хорошо

[@DIMAWARCRAFT3]

может уже не актуально, но надо просто строку с эмитом поднять выше, там где тело условия. обьявил newTodo и сразу за ним эмитьить чтоб были в той области которая отвечает за true в if, а то оно просто говорит что ты юзаешь переменную, а не обьявил ее let newTodo={ id:Date.now(), title: this.title, completed:false } this.$emit("add-todo", newTodo )

[@mihailsoosaar6213]

Хорошее и доступное объяснение. Однако, не лучше ли было бы в filteredTodos использовать switch вместо того, чтобы городить ифы?

[@АлександрМитькин-ь6в]

Шикарный урок! Спасибо!

[@zond_amond]

Супер, единственное замечание про фильтры, лучше делать через computed так как фильтры выпилят в 3й версии если я не путаю.

[@Elator11777]

Такое ощущение, что есть баг. Когда тянет todos с сервера, некоторые в статусе completed приходят, но галочка у них снята, а должна быть отмечена. Разве нет?

[@ДмитроЖелезняк-ч6ф]

Повторил туториал, столкнулся с интересным поведением чекбоксов, после сортировки select, у чекбоксов отменяется состояние checked, при чем не у всех, а только у некоторых. Кто-то еще сталкивался с такой ситуацией? Как бы его пофиксить?

[@LastWeg]

Не получилось, делаю то же самое, но router не отображается.

[@kdx3119]

тоже самое. Решил как-то?

[@alexfury8755]

Отлично 👍 Спасибо!