#4 Условия и циклы, директива v-if и v-for на фреймворке Vue.js
В этом уроке мы рассмотрим основы работы с условиями и циклами в Vue.js. Мы изучим директиву v-if, которая позволяет отображать элементы на основе определенного условия, и директиву v-for, которая позволяет перебирать элементы массива или объекта и отображать их в виде таблицы или списка. Мы также рассмотрим пример использования этих директив на практике.
https://www.youtube.com/playlist?list=PLuY6eeDuleIMF7YOwVEcKLYXEtRUggRuB
? Курс "Frontend разработчик на HTML, CSS и JavaScript": https://stepik.org/a/113402
? Курс "Тренажер по вёрстке, плагин Emmet": https://stepik.org/113654
00:00 Вступление и Курс Frontend разработчик
00:34 Условие, директива v-if
03:30 Цикл, директива v-for
07:52 Подводим итоги
⚡️ Эксклюзив на Boosty - https://boosty.to/itdoctor
? Telegram канал - https://t.me/itdoctor_official/4
? Курсы на Stepik - https://stepik.org/users/387773773/teach
? Донаты на ЮMoney - https://sobe.ru/na/itdoctor
ВКонтакте - https://vk.com/itdoctorstudio
Яндекс Дзен - https://zen.yandex.ru/itdoctor
#vue #vuejs #js #javascript #itdoctor
Видео #4 Условия и циклы, директива v-if и v-for на фреймворке Vue.js автора ITDoctor
Видео #4 Условия и циклы, директива v-if и v-for на фреймворке Vue.js автора ITDoctor
Показать
Похожие видео
![#14 Работа с элементами форм на Vue.js](http://pic.rutubelist.ru/video/71/13/711315543b639d33ef5cb814ece63360.jpg?size=s)
![Верстка сайта по макету из Figma используя плагин Inspect Styles](http://pic.rutubelist.ru/video/bf/83/bf836d36f8379387d0d99e43d1b79b58.jpg?size=s)
![Неубиваемая игровая мышка на смену твоему Razer](http://pic.rutubelist.ru/video/9c/83/9c83171a4b13d4518bdb28418100b88d.jpg?size=s)
![#11 Условная отрисовка на Vue.js и 4 директивы для условной отрисовки](http://pic.rutubelist.ru/video/93/8a/938af9a3ced3fa81ae87a423a9cda962.jpg?size=s)
![#12 Отрисовка списков и создание циклов на Vue.js](http://pic.rutubelist.ru/video/35/64/35644aff6555c380e83d81da71bf315b.jpg?size=s)
![Лабораторная работа №14 - Выполнение](http://pic.rutubelist.ru/video/65/63/65635e0e13b98f7da997e98899eb34fa.jpg?size=s)
![#2 Декларативная отрисовка на Vue.js и директива v-bind на Vue.js](http://pic.rutubelist.ru/video/61/3f/613fee002df2d670ff925bca237ceeec.jpg?size=s)
![#10 Работа с классами и стилями на фреймворке Vue.js](http://pic.rutubelist.ru/video/57/6e/576e0307db61165f9e4699bae880ba94.jpg?size=s)
![[Fasm] Установка компилятора fasm на Linux](http://pic.rutubelist.ru/video/ea/2f/ea2f76376ec307f3f42eebc174ca76e1.png?size=s)
![#9 Вычисляемые свойства и кэширование, отличие вычисляемых свойств от методов на Vue.js](http://pic.rutubelist.ru/video/c3/2a/c32ad30d0b9dd435ce7c0827295b3925.jpg?size=s)
![#6 Экземпляр приложения и компонента на Vue.js, Хуки и диаграмма жизненного цикла](http://pic.rutubelist.ru/video/db/e2/dbe226b2e831b7919312ac57f249d662.jpg?size=s)
![18. Удаление ФАЙЛА ПОДКАЧКИ в Windows 10 :-) Сказки за КОМПЬЮТЕРЫ.](http://pic.rutubelist.ru/video/5b/13/5b13f55ed9b4e8d45b25f1e865ce9b0c.jpg?size=s)
![14. Установка Hyper-V в Windows 10.. :-) Сказки за КОМПЬЮТЕРЫ.](http://pic.rutubelist.ru/video/07/14/07140a63d91c97b77ca29d38b2ff1e08.jpg?size=s)
![#3 Работа с пользовательским вводом и директивы v-on v-model на Vue.js](http://pic.rutubelist.ru/video/b2/55/b25522f23453ffec061ca8f3216a5a36.jpg?size=s)
![Операционные системы. Защита 5 этапа индивидуального проекта](http://pic.rutubelist.ru/video/19/15/1915aefd1eaf7802e5e3b66f0aa20d28.jpg?size=s)
![#15 Работа с компонентами на Vue.js](http://pic.rutubelist.ru/video/8e/82/8e8200d3b9aabd94a50ad2c46e037563.jpg?size=s)
![#16 Пишем финальный проект на Vue.js](http://pic.rutubelist.ru/video/aa/b1/aab18e35e8db47c0dbfa59a6786dc822.jpg?size=s)
![Как заглушить неизвестные вызовы на iPhone](http://pic.rutubelist.ru/video/ae/1d/ae1dde210047b83689b90ad7ae533d44.jpg?size=s)
![[NextJs] Победа над работой не за горами](http://pic.rutubelist.ru/video/a2/4f/a24f798a0abe0565d043dc052b699331.jpg?size=s)
![#1 Установка и подключение Vue.js, изучаем основы фреймворка Vue.js](http://pic.rutubelist.ru/video/4b/f2/4bf2c0ba26df5fbf101776fd81f39d5a.jpg?size=s)