Ё-моё... "О, вью за три часа! То, что сейчас надо! За вечер под кофеек осилю обзорчик!" - подумал я. "Фуххх, наконец-то закончил" - тихонько произнес, вытряхивая полную кофейную банку окурков...
Хорошая подача. Надоел реакт на работе, для души хотел на вью посмотреть, и тут очень хорошо структура дана и вход во вью. И начало понятно и куда дальше рыть. Для начинающих наверное тяжеловато будет, но если есть опыт на других фреймворках, то очень наглядно. Спасибо :)
Реально концентрация информации, порой нескольких секунд достаточно, чтобы уже остановить видео и пойти что-то пробовать или читать дополнительно. Плюс, шикарный порядок поступления информации - каждая фича появляется не просто так, а потому что возникает в ней необходимость. Мне вот этот момент прям больше всего зашел, что всё очень последовательно и в системе излагается, а не просто вразброс - есть такое, есть такое, а как это соединить еще надо думать - тут всё и сразу. Огонь 🔥🔥
3 часа сплошной полезной инфы?.. Тимур решил другие каналы без контента оставить? Зачем так подробно и понятно объяснять? Остальным же надо хоть что-нибудь оставить🤣🤣🤣 Ps: шутки шутками, но гигантское спасибо за такую колоссальную работу, видимо все выходные буду внимательно знакомиться, так что желаю всем удачи с изучением 👍
Огромное тебе благодарность за твой труд! Конечно некоторый моменты, например как vuex уже устарели, но все же очень много полезного которое можно брать на вооружение. Еще раз благодарю!
Огромная благодарность за столь подробный и последовательный курс. Конечно, нужно как можно больше практиковаться, пересматривая фрагменты из видео, чтобы освоить данные в видео знания Даже не верится, что есть люди, которые делают такую колоссальную работу для широкой аудитории, хотя тем такой труд ценнее
Хорошее видео, всё раскладывается по полочкам, слушать и внимать очень интересно. Однако, может за 2 года в vue что-то поменялось, а может я где-то допустил ошибку, но при создании selected списка не работает момент с v-model, т.е. при попытке прикручивания v-model к selected списку, как на 1:26:27 , вылезает ошибка: VueCompilerError: v-model cannot be used on a prop, because local prop bindings are not writable. Как я понял, мы не можем использовать значение, которое находится в props. В интернете объясняется это тем, что props нельзя менять, можно только читать. Я также заходил на твой гитхаб и пробовал копировать этот компонент себе, но результат такой же. Можешь объяснить, пожалуйста, в чём проблема? Вроде как я решил этот момент с помощью v-bind, но такой исход меня не удовлетворяет, хочется чтобы всё что получилось на видео, получилось и у меня. Или по крайней мере успокоиться, что так как на видео, спустя два года делать уже нельзя. Самое смешное, что если оставить v-model и закрывать ошибку в браузере, то функционал работает, т.е. список сортируется, в отладчике видно, что привязка есть.
Фантастическое по плотности информации и полезности видео! Спасибо автор, Ваше трехчасовое видео смотрел, повторял и конспектировал часов 10 во много присестов.
ну что , вот и пришло моё время пилить свою прохладную. Начал учить вёрстку в августе 2021 , хватило меня на месяц. Забросил. Вернулся к обучению 1го февраля 2022 , прошёл курс от Ивана Петриченко. Посмотрел почти все твои ролики по js, верстке и Реакту по 3-4 раза , посмотрел 100 интервью с канала АйТиБороды. Почти все что связано с js и Реакт у Владилена Минина. Сверстал 4 сайта , сделал 2 проекта на Реакте , и устроился на работу 4 дня назад. 6 месяцев спустя. У вас все получится парни. Тимур и все кто пилит образовательный контент на ютуб , я бы сражался за вас ! Готов пожать руку каждому кто тратит свое время на то что бы донести информацию до людей. Те кто читает этот пост , у вас получится если вы этого действительно хотите. Я сегодня ел пиццу и обсуждал как нам прописать темы в тайлвинд, и знаете что ! люди с которыми я разговаривал , правда понимали меня)))) да пока я учился вокруг не было заинтересованных в АйТи людей , и иногда было тяжело просто учится. Но это того стоит , свет в конце тоннеля есть ! П.С. смотрел ролики , и учился кодить на Реакте , а устроился на Вью !))) За 3 дня посмотрел где то 10 часов видео по Вью , из них 6 часов это 3х часовой курс по Вью от Тимура 🤝🤝🤝 Теперь я знаю Кунг-фу (Вью ))))! Ещё раз спасибо за твой труд , ты лучший
Поздравляю! Тоже прошла этот путь, теперь набираюсь сил (знаний), чтобы пойти дальше, найти компанию, где будет более серьезный подход к технологиям. Иногда кажется, что ничего не умею, хотя коммерческий опыт уже 2 годика. Эффект самозванца до сих пор присутствует, жесть просто)
@@evilinarm документация у Vue 3 очень даже хороша , и на русском , она тебе говорит "просто сделайте вот это " и пример кода , берешь , вставляешь к себе и оно работает , немного подправил под себя и в путь)))
Просто огонь. Ну что бы во всем разобраться надо самому проделать все то же самое множество раз а это ну очень долго и трудно. Спасибо автору за его труд. Очень круто.
Интересно на 58:00 ты не закрываешь кастомный("my-input") тег, и у тебя всё работает. Мне пришлось немного поломать голову что бы у меня всё заработало. А так ты красавчик в общем.
@@Программирование-й3ь В Vue 3 были внесены изменения в синтаксис и некоторые директивы, в том числе и в директиву v-model. Вместо использования v-model в Vue 3, теперь рекомендуется использовать комбинацию директив v-bind и v-on для связи данных с элементом формы. В Vue 3, для связи значения с элементом формы можно использовать директиву v-bind для передачи значения из данных в элемент формы. Например: В этом примере myValue - это переменная в данных компонента, и при изменении значения в поле ввода, оно будет записываться в myValue. Также, можно использовать сокращенную запись директивы v-model в виде :value и @input, так как эти сокращенные записи являются синонимами для v-bind:value и v-on:input соответственно. Пример: Обрати внимание, что myValue должна быть объявлена в данных компонента. Таким образом, в Vue 3 v-model больше не используется, но с помощью директив v-bind и v-on (или их сокращенных записей) можно достичь того же результата, как и с использованием v-model в предыдущих версиях Vue.
Вау! Это... просто... великолепно(а вы что подумали?). Огромное спасибо за контент, после просмотра почти понял основу, буду пересматривать, чтобы запонить конкретные детали. Возможно окажется полезным: В данном видео очень помогает для понимания то, что дается на пальцах введение в проблему/задачу перед описанием инструмента и/или примерные шаги по реализации, которые будут предприняты, а потом расскрывается на конкретном примере + после простейшей реализации объявляются следующие шаги, типа вынесения блоков в компоненты и пр. Возможно, окажется полезным для запоминания и понимания после реализации некого решения в какой-то момент пройтись по тем самым примерным шагам, но уже после реализации, чтобы та абстракция, которая давала лишь смутное представление о том, что будет, после практического примера начала означать для человека нечто конкретное и подытожила весь цикл использования/реализации какой-то возможности. Пример: *Есть такая-то задача*... *Чтобы ее решить, существует _ , и мы будем делать _ , потом _ и _*... *показываем на практике*... Овервью: " Итак, давай-те еще раз посмотрим, что мы сделали. Чтобы решить _ , мы использовали конструкцию _ , для этого в начале создали _ , затем передали эти данные туда-то с помощью _ , отслеживали изменение с помощью _ , и в конце _ ." **След. задача** P.S. Может не очень объяснил, но идея примерно такая. Хотя может данный совет окажется даже вредным и не нужным, а зритель сам для себя будет это все делать, если ему это действительно помогает P.P.S. Ролик и без того получился просто невероятным и качественным, спасибо за то, что ты делаешь
спасибо! А при этом дефолтное значение в селекторе отображается? У меня пустое поле, и не могу найти, как это исправить. Только если disabled убрать, но тоже криво
Все курсы, что пока находил даже в подмётки твоему не годятся Даже платные, скачанные с торрентов - такой шлак ебаный У тебя же чётко, основательно, действительно фундаментально Я уже писал комент с благодарностью, но хочу ещё раз тебе сказать спасибо Ты сделал мир лучше
Похоже только у меня возникла такая проблема на селектах. когда пропсы прописываю к my-select компоненту error Unexpected mutation of "modelValue" prop vue/no-mutating-props ✖ 1 problem (1 error, 0 warnings) 1:25:00 по времени
@@ЧеловексЗемли-х2р спасибо! А при этом дефолтное значение в селекторе отображается? У меня пустое поле, и не могу найти, как это исправить. Только если disabled убрать, но тоже криво
Начал с реакта, перешёл на вью, но оба курса смотрел на твоем канале. Очень круто и доступно объясняешь, никакой воды. Благодаря тебе изучение фреймворка ускорилось во много раз. Спасибо тебе огромное за твой труд!
Спасибо за курс! Мне пришлось учить vue на работе (перекинули на новый проект), после полугода работы с реактом. И какая же это боль... Насколько реакт гибкий и сложный для понимания (из-за большой экосистемы), настолько же vue кажется нелогичным. В реакте компоненты строятся логично - сначала готовимся к работе - импортируем необходимые для работы инструменты, потом подготавливаем компонент (если на TypeScript то описываем пропсы, пишем интерфейсы), дальше сам компонент функция, для которой пропсы это просто аргументы а не что-то отдельно взятое из вакуума. Потом внутри компоненты пишем логику, которая влияет на возвращаемый jsx (по сути html). Все!!! То есть все последовательно и по порядку. Во vue как будто бы все в разнобой, вперемешку. И это неудобно. А в остальном курс как всегда крутой, спасибо!
После 40 минут ничего непонятно слишком большой обем информации и нет конкретного обеснеия Вот и прошёл этот курс сперва было непонятно уже захотелось сдаваться , но потом практикавался раз 5 пересматривал этот курс если често и всё получилось за 2 недели, суть в чем ребята нет быстрого результат надо терпения Спвсибо автору за этот курс
Все отлично рассказал. Я все понял, даже создал пару проектов, но только вот тогда я понял, что сейчас многие перешли на composition api. Я знаю, что ты объяснял об этом в этом уроке, но можешь, пожалуйста, запилить отдельный видос по этой теме? В рускоязычном ютубе нет ни одного ролика на эту тему(
3 часа смотреть не так просто даже с хорошей подачей и без занудства! Но скажу честно я смотрел его кусками по 30 минут неделю и под конец забыл, что было в начале ;)
2:46:46 - в итоге компонент стал запутанный и непонятный совсем, а мутации и их использование очень странное. В СИ++ есть банальное наследование объектов без вот этик "мапов" и непонятных объявлений непонятно, как прикрученных к бедному JS.
2:59:45 - в итоге компонент, описание которого должно быть в одном месте размазан по разным папкам и файлам. Если бы автор только знал, в каких чудовищных мутантов в итоге превращается такой проект %)
если кто то хочет больше чем тип текст в инпутах не знаю правильно ли но я сделал так :inputType="types.number" types: { text: 'text', number: 'number', file: 'file' } в файле PostForm а в MyInput :type="inputType" и в пропсе inputType: { required: true },
Братишка, ты термоядерный!!!! тьфу-тьфу-тьфу .... нетормози.... CODER-ни!!!! Веришь нет, но сегодня думал что надо посмотреть твои контакты и попросить освятить вюю.... вот так... мысли материлизирутся
Время на прохождение этих 3-ех часов = 3 дня. Но уже чуствуешь себя очень уверенно. Vue с НУЛЯ! Самый лучший курс в Ру Нете. До этого слушал Владилена Минина, но тут сильно все круче. Главное целиком. Курса достаточно чтобы создавать полноценные приложения. Нужны минимальные начальные знания про html/css/JS.
Спасибо за курс ! Есть вопрос ты на 2:15:28 говоришь что можно через binding передать page і totalPage, но когда я пробую например передать масивом [fetchMorePosts, page, totalPages], то так как page і totalPages асинхронные, то передаются только дефолтные значение, а те что уже меняются после фетча не передаются. Как можно это пофиксить ?
1:26:30 у вас будет проблема с v-model пропса. Теперь так делать нельзя, поэтому старым добрым эмитом передаете значение, а в родителе принимаете его и храните там. Все равно он еще пригодится P.S. в родителе реагируете на созданный вами событие, хотя вы и так поняли о чем я. Если нет - перематывайте до эмитов и смотрите еще раз
Так!!! думал сегодня сухой день...НО! , надо за пивасиком и телик к ноуту подключать....и надиванчик....3 часа как-никак 🤖.... 2 баклашки надеюсь хватит 😂😂😂
Не давно устроился на работу frontend, пишу сайты на нативном js, стоял вопрос какую библиотеку изучать, и вот к нам на работу устроился опытный backend php, laravel, и просит чтоб я писал на vue, и тут твое видео меня спасает. Огромное спасибо тебе дружище.
Спасибо за урок, но пока остановился на 8:40 и не знаю что делать дальше Установил node.js, выполнил в Power Shell команду npm install -g @vue/cli, затем выполнил команду создания проекта vue create project, но возникла ошибка: vue : Невозможно загрузить файл C:\Users\***\AppData\Roaming pm\vue.ps1, так как выполнение сценариев отключен о в этой системе. Для получения дополнительных сведений см. about_Execution_Policies по адресу https:/go.microsoft.com/fwlink/?LinkID=135170. + ~~~ + CategoryInfo : Ошибка безопасности: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess Что делать?
Не пойму, только у меня возникает проблема "69 vulnerabilities (59 moderate, 10 high)" ... где дохуилиард ошибок, и npm audit fix --force почти не чего не меняет...
Капец, почему у меня одного так - [Vue warn]: Property "show" was accessed during render but is not defined on instance. at at все сделал как в видео, несколько раз пересматривал
С вашим талантом объяснять (преподавать), да запилить бы полный, вот прямо совсем полный курс по JS, было бы просто агонь! Не то чтобы по JS нет курсов, ибо их как раз таки очень много. Но есть проблемки- либо слишком заумно рассказывают, либо поверхностно, либо сами не понимают что несут фигню. Приходится книжки читать. Не, бесспорно, что книги это очень мощный источник знаний, но когда это еще подкреплено визуально, так сказать, то вот в моем случае обучение идет мега быстро. И вот касаемо данного видео...Сколько ни читал и ни смотрел роликов по Вью, почему-то очень быстро прекращал это занятие, ибо не информативно. Ваше видео это первое видео по Вью, которое посмотрел до конца, с интересом и на одном дыхании! Ну и по-традиции- Респект и уважуха!
v-model:show="DialogVisible" error: 'v-model' directives require no argument.eslint-plugin-vue я не могу понять ошибку, можете помочь пожалуйста. 1:13:45
![ผัวเถื่อน - ยูริ โตเกียวมิวสิค [ OFFICIAL MUSIC VIDEO ]](http://i.ytimg.com/vi/P08ORRVDGl8/mqdefault.jpg)
Если хочешь поддержать меня и мои старания, то жду тебя на патреоне, скоро будут крутые бонусы www.patreon.com/ulbitv
А за $29.99 уже не актив ?
@@NeoJohnSmit актив, количество мест ограничено) могут добавит еще одно, если интересно:)
@@UlbiTV даже интересно, как ты мотивируешь за 30$. Надеюсь не реальным стимулом (ахахах)
интересно было бы посмотреть про react native, может планируете записать курс?
Когда появятся деньги обязательно поддержу максимально!
Ё-моё... "О, вью за три часа! То, что сейчас надо! За вечер под кофеек осилю обзорчик!" - подумал я. "Фуххх, наконец-то закончил" - тихонько произнес, вытряхивая полную кофейную банку окурков...
Спустя месяц))
Вот это да!
Спасибо большое!
Такого информативного материала нигде нет.
Благодарю!
Следующие 3 часа обещают быть интересными, спасибо за контент! По вью бесплатного мало. Также хотелось по тестирование и реакт нейтиву курс
будет и то и другое, вопрос времени
А если не просто смотреть, но и писать код, то обещают быть интересными 3 дня :))
особенно по тестам ждем)@@UlbiTV
Досмотрел таки до конца, да, столько информации и уместить в три часа...Круто.
Хорошая подача. Надоел реакт на работе, для души хотел на вью посмотреть, и тут очень хорошо структура дана и вход во вью. И начало понятно и куда дальше рыть. Для начинающих наверное тяжеловато будет, но если есть опыт на других фреймворках, то очень наглядно. Спасибо :)
Реально концентрация информации, порой нескольких секунд достаточно, чтобы уже остановить видео и пойти что-то пробовать или читать дополнительно. Плюс, шикарный порядок поступления информации - каждая фича появляется не просто так, а потому что возникает в ней необходимость. Мне вот этот момент прям больше всего зашел, что всё очень последовательно и в системе излагается, а не просто вразброс - есть такое, есть такое, а как это соединить еще надо думать - тут всё и сразу. Огонь 🔥🔥
Жирнота, лайк не глядя. Спасибо!
Спасибо!
Самый лучшый канал, респект.
Vue 3 за 3 часа растянулось на 3 недели😀. Огромное спасибо за предоставленный урок, он дороже лайка, подписки и комментария)
🤝
Ожидание: Курс занимает 3 часа.
Реальность: По часу разбираешь каждый кадр, сравнивая со своим кодом и ища ошибки.
Благодарю за ролик
3 часа сплошной полезной инфы?.. Тимур решил другие каналы без контента оставить? Зачем так подробно и понятно объяснять? Остальным же надо хоть что-нибудь оставить🤣🤣🤣
Ps: шутки шутками, но гигантское спасибо за такую колоссальную работу, видимо все выходные буду внимательно знакомиться, так что желаю всем удачи с изучением 👍
Да, да, Руслан)) Спасибо!
Огромное тебе благодарность за твой труд! Конечно некоторый моменты, например как vuex уже устарели, но все же очень много полезного которое можно брать на вооружение.
Еще раз благодарю!
Йой, просто лучший, спасибо большое!)
Спасибо!)
Спасибо за урок! Очень понятная подача материала. Рада, что нашла ваш канал!
На 1:25:00 примерно бесполезный v-model, вызывающий еще и ошибку (т.к пропсы юзать так нельзя), используем просто следующее в MySelect:
Спасибо, добрый человек.
Огромная благодарность за столь подробный и последовательный курс. Конечно, нужно как можно больше практиковаться, пересматривая фрагменты из видео, чтобы освоить данные в видео знания
Даже не верится, что есть люди, которые делают такую колоссальную работу для широкой аудитории, хотя тем такой труд ценнее
Спасибо большое за курс, очень ждал
Спасибо! надеюсь было полезно!
Дружище, спасибо за старания. Видео - огонь, лучший справочник за все эти последние 10 месяцев.
В примере с использованием Vuex посты не удаляются, в консоли пишет:
[Vue warn]: Write operation failed: computed property "posts" is readonly.
По красоте братишка, все четко, от души спасибо, давно хотел изучить все руки не доходили, а тут такая подача красивая.
Хорошее видео, всё раскладывается по полочкам, слушать и внимать очень интересно. Однако, может за 2 года в vue что-то поменялось, а может я где-то допустил ошибку, но при создании selected списка не работает момент с v-model, т.е. при попытке прикручивания v-model к selected списку, как на 1:26:27 , вылезает ошибка: VueCompilerError: v-model cannot be used on a prop, because local prop bindings are not writable. Как я понял, мы не можем использовать значение, которое находится в props. В интернете объясняется это тем, что props нельзя менять, можно только читать. Я также заходил на твой гитхаб и пробовал копировать этот компонент себе, но результат такой же. Можешь объяснить, пожалуйста, в чём проблема? Вроде как я решил этот момент с помощью v-bind, но такой исход меня не удовлетворяет, хочется чтобы всё что получилось на видео, получилось и у меня. Или по крайней мере успокоиться, что так как на видео, спустя два года делать уже нельзя. Самое смешное, что если оставить v-model и закрывать ошибку в браузере, то функционал работает, т.е. список сортируется, в отладчике видно, что привязка есть.
pls, use:
:value="modelValue"
instead:
v-model="modelValue"
Я не знаю че сказать кроме ЛУЧШИЙ ПРОСТО!!!! Лайк ++++
Фантастическое по плотности информации и полезности видео! Спасибо автор, Ваше трехчасовое видео смотрел, повторял и конспектировал часов 10 во много присестов.
ну что , вот и пришло моё время пилить свою прохладную. Начал учить вёрстку в августе 2021 , хватило меня на месяц. Забросил. Вернулся к обучению 1го февраля 2022 , прошёл курс от Ивана Петриченко. Посмотрел почти все твои ролики по js, верстке и Реакту по 3-4 раза , посмотрел 100 интервью с канала АйТиБороды. Почти все что связано с js и Реакт у Владилена Минина. Сверстал 4 сайта , сделал 2 проекта на Реакте , и устроился на работу 4 дня назад. 6 месяцев спустя. У вас все получится парни. Тимур и все кто пилит образовательный контент на ютуб , я бы сражался за вас ! Готов пожать руку каждому кто тратит свое время на то что бы донести информацию до людей.
Те кто читает этот пост , у вас получится если вы этого действительно хотите.
Я сегодня ел пиццу и обсуждал как нам прописать темы в тайлвинд, и знаете что ! люди с которыми я разговаривал , правда понимали меня)))) да пока я учился вокруг не было заинтересованных в АйТи людей , и иногда было тяжело просто учится. Но это того стоит , свет в конце тоннеля есть !
П.С. смотрел ролики , и учился кодить на Реакте , а устроился на Вью !)))
За 3 дня посмотрел где то 10 часов видео по Вью , из них 6 часов это 3х часовой курс по Вью от Тимура 🤝🤝🤝
Теперь я знаю Кунг-фу (Вью ))))!
Ещё раз спасибо за твой труд , ты лучший
как же ты сильно описал мою жизнь. Упоминул Ваню, Минина, Тимур, Бороду... Да, нужно продолжать работать
Поздравляю! Тоже прошла этот путь, теперь набираюсь сил (знаний), чтобы пойти дальше, найти компанию, где будет более серьезный подход к технологиям. Иногда кажется, что ничего не умею, хотя коммерческий опыт уже 2 годика. Эффект самозванца до сих пор присутствует, жесть просто)
Круто! Поздравляю!!! Спасибо за долю позитива!
А ребята действительно молодцы!
Красавец! Кого сейчас смотришь? Может что-то посоветуешь, что можно посмотреть по Vue после этого видео.
@@evilinarm документация у Vue 3 очень даже хороша , и на русском , она тебе говорит "просто сделайте вот это " и пример кода , берешь , вставляешь к себе и оно работает , немного подправил под себя и в путь)))
Здраствуй, Тимур! Посмотрел твое видео от начала до конца, повторяя за тобой написанием кода, начал понимать концепции Vue. Спасибо, тебе за старание
Пока существуют такие люди как Тимур, сообщество будет непрерывно развиваться и становиться лучше
Артем, благодарю!
Просто огонь. Ну что бы во всем разобраться надо самому проделать все то же самое множество раз а это ну очень долго и трудно. Спасибо автору за его труд. Очень круто.
омг, спасибо большое за труд
Спасибо за поддержку!)
Я больше по SvelteKit, но все равно не могу оторваться от просмотра!
Интересно на 58:00 ты не закрываешь кастомный("my-input") тег, и у тебя всё работает. Мне пришлось немного поломать голову что бы у меня всё заработало. А так ты красавчик в общем.
тоже пришлось закрыть тэг, иначе не работало..
Ну це взагалі шикарний матеріал і подача, а не якесь туду-туду у Мініна))
Ну неужели что-то про vue. Огромное спасибо.
И вам спасибо за поддержку !)
Дай бог здоровья, может быть единственный нормальный русскоязычный канал
Спасибо за топовый контент!
Спасибо за поддержку)
Спасибо, очень помогло. Если на работу возьмут, с зп поддержу обязательно) Еще что-то по вью будет интересненького?
Посмотрел сначала до конца. Огонь.
Тимур может что-то интересное замутишь с использованием Vue, Nest.
А то у тебя с vue считай ничего нет.
Спасибо, да, возможно будет практика на вью)
Очень круто!!! Очень много пользы. Спасибо большое за такое видео!!!
У кого проблема с MySelect, то вместо v-model="modelValue" нужно заменить на :value="modelValue" . Это новое правило
Спасибо!
А зачем там вообще :value="modelValue" ? Ведь связывание осуществляется за счет $emit и потому в родителе значение все равно обновляется...
Крутой ролик)
1:26:30 пишете :value вместо v-model
А почему у него заработало? Столкнулся с такой же проблемой, внес, но так и не понял почему тогда у него работает
@@Программирование-й3ь В Vue 3 были внесены изменения в синтаксис и некоторые директивы, в том числе и в директиву v-model. Вместо использования v-model в Vue 3, теперь рекомендуется использовать комбинацию директив v-bind и v-on для связи данных с элементом формы.
В Vue 3, для связи значения с элементом формы можно использовать директиву v-bind для передачи значения из данных в элемент формы. Например:
В этом примере myValue - это переменная в данных компонента, и при изменении значения в поле ввода, оно будет записываться в myValue.
Также, можно использовать сокращенную запись директивы v-model в виде :value и @input, так как эти сокращенные записи являются синонимами для v-bind:value и v-on:input соответственно. Пример:
Обрати внимание, что myValue должна быть объявлена в данных компонента.
Таким образом, в Vue 3 v-model больше не используется, но с помощью директив v-bind и v-on (или их сокращенных записей) можно достичь того же результата, как и с использованием v-model в предыдущих версиях Vue.
@@kdr0454 то есть опять вернули как было во vue 2? То, о чем он говорит на 39:30 и 59:30?
Большое человеческое спасибо!)))
Вау! Это... просто... великолепно(а вы что подумали?). Огромное спасибо за контент, после просмотра почти понял основу, буду пересматривать, чтобы запонить конкретные детали.
Возможно окажется полезным:
В данном видео очень помогает для понимания то, что дается на пальцах введение в проблему/задачу перед описанием инструмента и/или примерные шаги по реализации, которые будут предприняты, а потом расскрывается на конкретном примере + после простейшей реализации объявляются следующие шаги, типа вынесения блоков в компоненты и пр. Возможно, окажется полезным для запоминания и понимания после реализации некого решения в какой-то момент пройтись по тем самым примерным шагам, но уже после реализации, чтобы та абстракция, которая давала лишь смутное представление о том, что будет, после практического примера начала означать для человека нечто конкретное и подытожила весь цикл использования/реализации какой-то возможности.
Пример:
*Есть такая-то задача*...
*Чтобы ее решить, существует _ , и мы будем делать _ , потом _ и _*...
*показываем на практике*...
Овервью: " Итак, давай-те еще раз посмотрим, что мы сделали. Чтобы решить _ ,
мы использовали конструкцию _ ,
для этого в начале создали _ , затем передали эти данные туда-то с помощью _ ,
отслеживали изменение с помощью _ ,
и в конце _ ."
**След. задача**
P.S. Может не очень объяснил, но идея примерно такая. Хотя может данный совет окажется даже вредным и не нужным, а зритель сам для себя будет это все делать, если ему это действительно помогает
P.P.S. Ролик и без того получился просто невероятным и качественным, спасибо за то, что ты делаешь
Тимур как всегда на высоте. Топовые знания, огромное тебе спасибо)
Мне кажется ты серьезно развиваешь русскоязычное IT сообщество по вебу.
С вашей поддержкой! спасибо!
Тебе не кажется.]
Пожалуйста продолжай
спасибо большое, расскажите пожалуста как использовать teleport
еще бы этот проект на гит , что бы обращаться к нему когда косячишь про попытке повторения при просмотре
Ссылка на гит в телеграме:)
Вот это годнота подъехала, спасибо огромное, лучшый автор уроков по js на ютубе
Спасибо большое!
Благодаря тебе и яндекс практикуму вышел на работу :) спасибо за твой труд
1:26:29 на select вместо v-model нужно использовать v-bind:value, иначе будет происходить мутация props-ов, lint ругается, а в общем лайк однозначна
не в--байнд, а :value
@@KostiaBazrov 😂
Чел спаибо тебе огромное уже полчаса не мог разобраться
Спасибо
спасибо! А при этом дефолтное значение в селекторе отображается? У меня пустое поле, и не могу найти, как это исправить. Только если disabled убрать, но тоже криво
Все курсы, что пока находил даже в подмётки твоему не годятся
Даже платные, скачанные с торрентов - такой шлак ебаный
У тебя же чётко, основательно, действительно фундаментально
Я уже писал комент с благодарностью, но хочу ещё раз тебе сказать спасибо
Ты сделал мир лучше
Похоже только у меня возникла такая проблема на селектах. когда пропсы прописываю к my-select компоненту
error Unexpected mutation of "modelValue" prop vue/no-mutating-props
✖ 1 problem (1 error, 0 warnings)
1:25:00 по времени
Такая же ситуация.
Я убрал v-model из select - он там не нужен:
@@ЧеловексЗемли-х2р спасибо! А при этом дефолтное значение в селекторе отображается? У меня пустое поле, и не могу найти, как это исправить. Только если disabled убрать, но тоже криво
лучший!
мало того что ролик интересный, так еще и голос не yeбанский)))
:DDDD спасибо)
Спасибо!
Начал с реакта, перешёл на вью, но оба курса смотрел на твоем канале. Очень круто и доступно объясняешь, никакой воды. Благодаря тебе изучение фреймворка ускорилось во много раз. Спасибо тебе огромное за твой труд!
@lurnuss почему перешел react? и что больше нравится для работы?
@@vlad-zf1ev по идее вью круче
Согласень на 100%
Спасибо за курс! Мне пришлось учить vue на работе (перекинули на новый проект), после полугода работы с реактом. И какая же это боль... Насколько реакт гибкий и сложный для понимания (из-за большой экосистемы), настолько же vue кажется нелогичным. В реакте компоненты строятся логично - сначала готовимся к работе - импортируем необходимые для работы инструменты, потом подготавливаем компонент (если на TypeScript то описываем пропсы, пишем интерфейсы), дальше сам компонент функция, для которой пропсы это просто аргументы а не что-то отдельно взятое из вакуума. Потом внутри компоненты пишем логику, которая влияет на возвращаемый jsx (по сути html). Все!!! То есть все последовательно и по порядку. Во vue как будто бы все в разнобой, вперемешку. И это неудобно. А в остальном курс как всегда крутой, спасибо!
Столько годноты, не успеваю смотреть. Обязательно гляну чуть позже
завтра обязательно глянешь
@@sergeytikhonov341 Может с понедельника ? :D
Такая же фигня!))
@Андрей :D
Спасибо! продуктивного просмотра!
Спасибо, братишка! Как обычно, все на высочайшем уровне.
Запиши курс, плиз, по GraphQL - расширенный.
После 40 минут ничего непонятно слишком большой обем информации и нет конкретного обеснеия
Вот и прошёл этот курс сперва было непонятно уже захотелось сдаваться , но потом практикавался раз 5 пересматривал этот курс если често и всё получилось за 2 недели, суть в чем ребята нет быстрого результат надо терпения
Спвсибо автору за этот курс
Все отлично рассказал. Я все понял, даже создал пару проектов, но только вот тогда я понял, что сейчас многие перешли на composition api. Я знаю, что ты объяснял об этом в этом уроке, но можешь, пожалуйста, запилить отдельный видос по этой теме? В рускоязычном ютубе нет ни одного ролика на эту тему(
ебааааааа, я прошёл “путь самурая React”, пронюхал весь пздц, а теперь мне показывают как просто можно делать тоже самое в vue😳😳😳😳
Присоединяюсь)))
С подключением!
Видос больше про Vue 2 с элементами третьей версии. Ожидал обратного 🤔
А я думал куда ты пропал :)) Блин бро реально психанул 3 часа :))
Психанул так психанул :D
Как всегда ёмко, доступно и исчерпывающе) Спасибо огромное!
Если у кого-то вылезает ошибка в компоненте MySelect с v-model="modelValue.
То измените на :value="modelValue"
3 часа смотреть не так просто даже с хорошей подачей и без занудства!
Но скажу честно я смотрел его кусками по 30 минут неделю и под конец забыл, что было в начале ;)
2:46:46 - в итоге компонент стал запутанный и непонятный совсем, а мутации и их использование очень странное.
В СИ++ есть банальное наследование объектов без вот этик "мапов" и непонятных объявлений непонятно, как прикрученных к бедному JS.
2:59:45 - в итоге компонент, описание которого должно быть в одном месте размазан по разным папкам и файлам.
Если бы автор только знал, в каких чудовищных мутантов в итоге превращается такой проект %)
Объясните пж, почему мне после цикла v-for, обязательно просит ключ :key, а у автора не просит.
У него видимо еслинт отключен. А ключ он нужен обязательно
если кто то хочет больше чем тип текст в инпутах не знаю правильно ли но я сделал так :inputType="types.number" types: {
text: 'text',
number: 'number',
file: 'file'
} в файле PostForm а в MyInput :type="inputType" и в пропсе inputType: {
required: true
},
Братишка, ты термоядерный!!!!
тьфу-тьфу-тьфу .... нетормози.... CODER-ни!!!!
Веришь нет, но сегодня думал что надо посмотреть твои контакты и попросить освятить вюю....
вот так... мысли материлизирутся
Еее, спасибо братан!)
теперь после урокоа, надо сказать "мои пропсы в голове, отрендирились в ютююб"
Тимур, топовый контент, топовые 3 часа!
оооо курс по Vue 3 подьехал еще и на 3 часа, по умолчанию лайк и комментарий!!
Спасибо!
Очень круто, спасибо за труд!
Время на прохождение этих 3-ех часов = 3 дня. Но уже чуствуешь себя очень уверенно. Vue с НУЛЯ! Самый лучший курс в Ру Нете. До этого слушал Владилена Минина, но тут сильно все круче. Главное целиком. Курса достаточно чтобы создавать полноценные приложения. Нужны минимальные начальные знания про html/css/JS.
Спасибо за отзыв!
Потому что кое-кто сильно заморачивается на видеомонтаж и озвучку, подавая нам материал с "хрустящей корочкой" :)
Большое спасибо за такое КРУТОЕ видео!
Спасибо за курс !
Есть вопрос ты на 2:15:28 говоришь что можно через binding передать page і totalPage, но когда я пробую например передать масивом [fetchMorePosts, page, totalPages], то так как page і totalPages асинхронные, то передаются только дефолтные значение, а те что уже меняются после фетча не передаются. Как можно это пофиксить ?
Невероятно. Думал, скачаю - выучу вуе за 3 часа… Потратил 3 дня) Все прокодил, законспектил (560 строк). Думаю, неделька практики - будет топчик. Спасибо тебе огромное! Супер действительно «концентрат»..
1:26:30 у вас будет проблема с v-model пропса. Теперь так делать нельзя, поэтому старым добрым эмитом передаете значение, а в родителе принимаете его и храните там. Все равно он еще пригодится
P.S. в родителе реагируете на созданный вами событие, хотя вы и так поняли о чем я. Если нет - перематывайте до эмитов и смотрите еще раз
Спасибо большое за курс было очень интересно, немного помучался правда, в VS code автоимпорты во вью не работают, а так все супер
Так!!! думал сегодня сухой день...НО! , надо за пивасиком и телик к ноуту подключать....и надиванчик....3 часа как-никак 🤖....
2 баклашки надеюсь хватит 😂😂😂
,😄👍🥳
Ахахах) А еще лучше без пивасика)
Uncaught TypeError: app.component is not a function 51:47
Не давно устроился на работу frontend, пишу сайты на нативном js, стоял вопрос какую библиотеку изучать, и вот к нам на работу устроился опытный backend php, laravel, и просит чтоб я писал на vue, и тут твое видео меня спасает. Огромное спасибо тебе дружище.
Спасибо за урок, но пока остановился на 8:40 и не знаю что делать дальше
Установил node.js, выполнил в Power Shell
команду npm install -g @vue/cli, затем выполнил команду создания проекта vue create project, но возникла ошибка:
vue : Невозможно загрузить файл C:\Users\***\AppData\Roaming
pm\vue.ps1, так как выполнение сценариев отключен
о в этой системе. Для получения дополнительных сведений см. about_Execution_Policies по адресу https:/go.microsoft.com/fwlink/?LinkID=135170.
+ ~~~
+ CategoryInfo : Ошибка безопасности: (:) [], PSSecurityException
+ FullyQualifiedErrorId : UnauthorizedAccess
Что делать?
Решил проблему с помощью команды в Powershell (от имени администратора):
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned
Посмотрел от начала и до конца. Ужас, жуть кошмар. Подписался, лайкнул.
Не пойму, только у меня возникает проблема "69 vulnerabilities (59 moderate, 10 high)" ... где дохуилиард ошибок, и npm audit fix --force почти не чего не меняет...
ого, на сколько vue мощный.
даа, есть такое :)
Капец, почему у меня одного так - [Vue warn]: Property "show" was accessed during render but is not defined on instance.
at
at все сделал как в видео, несколько раз пересматривал
Наконец-то заработало но все равно пишет ошибку - 'v-model' directives require no argument. если делать так -
Есть в планах курс по React от А до Я?
Тоже очень жду
На канале уже придостаточно информации по Реакту
братаны реактивные.... в очередь...
тут вюююшные тусятся
Ваш реакт уже задолбал. У Тимура считай все видео о реакте.
@@виртуоз_ру :D
очень хотелось бы увидеть фундаментальный обзор на composition api
С вашим талантом объяснять (преподавать), да запилить бы полный, вот прямо совсем полный курс по JS, было бы просто агонь!
Не то чтобы по JS нет курсов, ибо их как раз таки очень много.
Но есть проблемки- либо слишком заумно рассказывают, либо поверхностно, либо сами не понимают что несут фигню.
Приходится книжки читать.
Не, бесспорно, что книги это очень мощный источник знаний, но когда это еще подкреплено визуально, так сказать, то вот в моем случае обучение идет мега быстро.
И вот касаемо данного видео...Сколько ни читал и ни смотрел роликов по Вью, почему-то очень быстро прекращал это занятие, ибо не информативно.
Ваше видео это первое видео по Вью, которое посмотрел до конца, с интересом и на одном дыхании!
Ну и по-традиции- Респект и уважуха!
У Дмитрия Лаврика на канале очень много полезных вебинаров с инсайдами на тему JS, и подача качественная)
Идеально!
55:17 То чувство, когда получил кучу предупреждений: "Здесь у нас какой-то спам"
Ахахахахахахахахаах
Такая проблема:
после закрытия VSCode, не открывается потом localhost:8080
сталкивался кто-нибудь? есть решения?
+
Красава....
Топ контент, vue vuex vue 3 vue js
А каким образом у Вас v-for работает без :key?
На 2:10:40 уточнение, автор не говорит что используются обратные кавычки:
Открыть
Внимательно смотрите, сходу хочется написать ' вместо `
2:55:22 onMounted() вызывает функцию синхронно, не так ли? Не нужно ли обернуть fetching() в async?
Она и обëрнута изначально в async. Разве нет? 🤔
v-model:show="DialogVisible"
error: 'v-model' directives require no argument.eslint-plugin-vue
я не могу понять ошибку, можете помочь пожалуйста.
1:13:45
а можно ли интересно вызвать метод компонента из другого метода другого компонента? но они между собой не связаны, нет не родильского не дочернего?