Vue JS


Channel's geo and language: Uzbekistan, Uzbek
Category: Education


Vue js haqida
Men yozgan va aytaganlarimga 100% ishonib qolmang. Chunki menham sizlar kabi urganyapman.
Izlanishdan tuxtamang 😊
bog'lanish uchun : @bekhruzzdev

Related channels

Channel's geo and language
Uzbekistan, Uzbek
Category
Education
Statistics
Posts filter


🤫




Video is unavailable for watching
Show in Telegram
Junior dasturchi, birinchi ish kuni:

@abs_vuejs


👨🏻‍💻 Vue.js dasturchilar uchun ajoyib imkoniyat!

Vue School tomonidan BEPUL'ga taqdim etilayotgan Free Weekend dan foydalanib, Vue.js va uning ekotizimi bo‘yicha premium kurslarni bepul o‘rganing!

Vaqt: Cheklangan muddat (48 soat)
Mavzular: Vue.js, Nuxt, Pinia, TypeScript, Component dizayni va yana ko‘plab qiziqarli kurslar!

Ro'yxatdan o'tish: vueschool.io/freeweekend

@abs_vuejs | Happy Coding


Awesome vue - Vue.js ekotizimiga oid eng foydali resurslar, kutubxonalar, komponentlar, tutoriallar va boshqa ko‘plab foydali ma'lumotlarni o‘z ichiga olgan GitHub reposi.

Havola: Awesome Vue GitHub

@abs_vuejs | Happy Coding


Watchni ishlatish options va compositions apida

Bu kodda watch text degen uzgaruvchini kuzatadi agar o'zgaruvchida ? belgilsi bulsa alertda ? belgisi kiritilganligi haqida ogohlantiradi.

Watch ishlashini tekshirish uchun input yordaminda textni qiymatini uzgartiramiz va biz inputga ? belgisini kiritsak og'ohlantiruvchi oyna chiqadi

@abs_vuejs |Happy Coding


watch watchEffect nma ?

Vue js da reaktiv malimotlarni kuzatib borish va ularni uzgarishini ko'rish va ular ustida biror bir amal barashirda bizga watch va watchEffect funksiyalari kerak buladi

🔹 watch: Muayyan reaktiv o'zgaruvchini kuzatadi va o'sha qiymat o'zgarganda belgilangan callbackni ishlatadi

Sintaksis:

watch(source, callback, options?)

source : bu kuzatiladigan malimot (ref reactive )

callback : bu kuzatiladigan malimot uzgarganda bajariladigan funksiya

options : (ixtiyoriy): Qo'shimcha sozlamalar, masalan, immediate, deep.


🔹 watchEffect : avtomatik ravishda barcha reaktiv malimotlarni kuzatadi va kuzatilayotgan qiymatlar uzgarganda callbackni qayta ishga tushiradi

watchEffect(effect, options?)

Aniq source ko'rsatishning hojati yo'q, Vue funktsiya ichidagi barcha reaktsiv qiymatlarni avtomatik kuzatadi.

watchEffectda deep yoki immediate kabi parametrlar yo'q.

@abs_vuejs


Kanalimizga joylangan postlarni muhokama qilish uchun commentariyalarham ochiq 🙃


Options API va Composition API ishlashi va farqlari

1. 1-rasmda vue js options api uslubida couter yasash kursatilgan .

Bunda functionlar va malumotlar alohida
qilib ajratib yoziladi bu vue js ni yangi
urganuvchilar uchun juda qulay uslub
hisoblanadi.

2. 2-rasmda vue js ni Composition API uslubida couter yasalgan

bunda hamma code setup() funksiyasi ichida yoziladi va oddiy JavaScript sintaksisidan keng foydalaniladi.

3. 3- rasmda esa Composition API uslubini yanada osonroq yo'li bilan counter yasalgan

@abs_vuejs | Happy Coding


Options API va Composition API nma ?

Vue js bizga 2ta asosiy uslubda kod yozishni taqdim etadi bular Options API va composition API

1. Options API

bu vue js ni anʼanaviy va klassik uslubi bo‘lib, u vue 2 va vue 3 da qo'llaniladi. Options api bizga componentlarni barcha functionalliklarni properties ga ajratib yozishni taqdim etadi .

data —— malumotlarni saqlash uchun

methods —— functionlarni yozish va ishlatish uchun

computed —— bu ham methods ga uxshab functionlarni ishlatish va saqqlash uchun lekin ishlashi jihatidan farq qiladi keyingi postda bu haqida batafsil malumot olishingiz mumkin

watch —- kuzatuvlar uchun

lifecycle hooks —- hayotiy tsikl funksiyalari

2 .Composition Api

Composition API Vue 3’da kiritilgan bo‘lib, u kodni yanada modulli va qayta foydalanish uchun qulayroq qilishga yordam beradi. Ushbu uslubda barcha kod setup() funksiyasi ichida yoziladi va oddiy JavaScript sintaksisidan keng foydalaniladi.


keyingi postlarda bular qanday ishlatilishi va qulayliklarni haqida bilib olishingiz mumkin😉

@abs_vuejs


Vue.js haqida

Vue.js – bu JavaScript ning mashhur frameworklaridan biri bo‘lib, u oddiy HTML, CSS va JavaScript asosida ishlaydi.

Vue.js foydalanuvchilarga murakkab interfeyslar va ilovalarni tez va samarali yaratishda yordam beruvchi deklarativ va komponentlarga asoslangan dasturlash modelini taqdim etadi.

SFC (Single File Component) nima?

Vue.js da Single File Component (SFC) texnologiyasi yordamida har bir komponentni alohida .vue faylda yaratishingiz mumkin. Bu faylda uchta asosiy bo‘lim bo‘ladi:

1. – HTML-ni yozish uchun

2. – JavaScript kodlari uchun.

3. – CSS dizayni uchun.

@abs_vuejs


Vue.js haqida bilasizmi? 🤔

Vue.js – bu eng ommabop JavaScript frameworklaridan biri bo'lib, veb-ilovalarni yaratishda:

📌 Tezkor va oson,

📌 Moslashuvchan,

📌 Yangi boshlovchilar uchun qulay ekanligi bilan ajralib turadi.

Agar siz Vue.js ni o'rganmoqchi bo'lsangiz yoki uni mukammalroq o'rganishga qiziqsangiz, bu kanal aynan siz uchun! 🌟

12 last posts shown.