Vue3 негизги окуу куралы

Vue3 JavaScript фреймворку үчүн окуу куралы. Жаңы баштагандар үчүн. Көп теория жана тапшырмалар.

Уроки

Vue фреймворгуна киришүү

Vue фреймворкту орнотуу

Vue компоненттун түзүлүшү

Vue'дагы data объекти

Vue фреймворгунда атрибуттар менен иштөө

Vue көрүнүштөрүндө кодду аткаруу

Vue'да массивтер

Vue'дагы Объекттер

Vue фреймворгунда методдор менен иштөө

Vue ичинде окуяларды башкаргычтарды орнотуу

Vue ичиндеги методдор менен data менен иштөө

Vue'до жардамчы методдор

Vue'до методко параметрлерди берүү

Vue фреймворгундагы реактивдуулук

Vue'до эсептелүүчү касиеттер

Vue фреймворгундагы окуя модификаторлору

Шарттар

Vue'до шарт боюнча көрсөтүү

Vue ичинде шартты тескери салуу

Vue'до реактивдүү шарт

Vue'до элементтерди тогглоо

Vue'до тогглдоодо текстти алмаштыруу

Vue'дагы v-else директивасы

Vue'до кыйын шарттар

Vue'дагы v-else-if директивасы

Vue'дагы шарттуу топтор

Vueдагы v-show директивасы

Циклдар

Vue'да массивдерди кайталоо

Vue'да массивдерди кайталоодо ачкычтарды алуу

Vue'до объекттерди кайталоо

Vue'до тегдер тобун цикл менен өтүү

Объекттер массивин Vue'да өтүү

Vue'до сандар аралыгында цикл

Vue-дагы циклдердеги шарттар

Vue-дагы key атрибуту

Vue'до массивдердин реактивдүүлүгү

Стилдер

Vue фреймворгунда компонентти стилдөө

Vue фреймворгундагы class атрибуту

Vue'дагы CSS класс объекти

Vue'дагы CSS классдары бар объекттин реактивдүүлүгү

Vue-до CSS классын инлайн объекти

Vue'до data аркылуу CSS класстары

Vue'де style атрибуту аркылуу стилдештирүү

Формалар

Vue'до инпуттерге эки тараптуу маалыматтарды байлоо

Vue'до форманын маалыматтарын окуя боюнча алуу

Vue'до textarea менен иштөө

Vue'да checkbox менен иштөө

Vue-да checkbox маанилеринин массиви

Vue-да radio менен иштөө

Vue-да select менен иштөө

Vue ичинде цикл менен select түзүү

Vue'до элементтерди блөккө алуу

Vue фреймворгундагы баскыч модификаторлору

Vue'да массивге элементтерди кошуу үчүн форма

Vue'да массив элементтерин өчүрүүчү баскыч

Vue'да объекттер массивинен өчүрүү үчүн баскыч

Vue'да объекттер массивин түзөтүү формасы

Компоненттер

Vue'да компоненттер менен иштөө

Vue'до компоненттерди түзүү

JavaScriptте компонентке маалымат берүү

Vue'до каалаган маалымат түрүн өткөрүү

Data объектинин касиеттерин Vueга өткөрүү

Vue'да пропс тибин көрсөтүү

Vue да циклде компоненттерди түзүү

Vue'до бир багыттуу маалымат агымы

Vue'до окуяларды чыгаруу

Vue'догу окуялардын параметрлери

Vue'до атрибуттагы окуяны чыгаруу

Vue'до компоненттерди реактивдүү өчүрүү

Vue'до компоненттин маалыматын реактивдүү түзөтүү

Vue'до маалымат кошуу үчүн компонент

Долбоорлор

Vueдагы Checklist долбоору

Vue ичиндеги Блокнот долбоору