Vue.js nima
Vue.js - bu JavaScript-da yozilgan veb-sayt va veb-ilovalarni ishlab chiqish tizimi. Oddiy qilib aytganda, bu boshqa birovning ishidan o'z maqsadlaringiz uchun foydalanishingiz mumkin bo'lgan tarzda qadoqlangan birovning kodi tog'idir. Xususan, interfeyslar va veb-ilovalar uchun.Ajam dasturchilar uchun: ramkalar va kutubxonalar nima
Tugmalar va boshqa interfeys elementlari mantig'i Vue.js ramkasida qattiq kodlangan; ularning tashqi ko'rinishi; ma'lumotlar almashinuvi mexanizmlari va interfeys uchun zarur bo'lgan boshqa narsalar. JavaScript, HTML va CSS-ning standart vositalari bilan bu iqtisodning barchasini tasvirlash mumkin, lekin faqat katta tog'li kod bilan. Va agar siz buni yaxshi qilsangiz, unda tog 'juda katta bo'lishi kerak: siz klaviatura kiritishni, sensorli qurilmalardan kiritishni va boshqa cheklovlarni hisobga olishingiz kerak. Vue sizga kerak bo'lgan hamma narsaga ega va u foydalanishga tayyor.
Texnik jihatdan, Vue.js shunchaki sahifaga kiritilishi mumkin bo'lgan skriptdir:
Siz ushbu faylni o'zingiz uchun yuklab olishingiz, uni serverda yoki kompyuterda saqlashingiz, shuningdek uni oddiy skript kabi ulashingiz mumkin.
Ushbu ramkaning g'oyasi nima
Ishlab chiquvchilar ushbu ramkani progressiv va reaktiv deb atashadi va bu zamonaviylik va tezlik haqida emas, balki ish tamoyillari haqida.
Progressiv, istalgan vaqtda loyihalarda foydalanish mumkinligini anglatadi. Dasturchilar ushbu ramka uchun kodni noldan qayta yozishlari shart emas - buning o'rniga, uning funktsiyalari asta-sekin, birinchi navbatda kerakli joylarda qo'shilishi mumkin.
Aytaylik, butun onlayn-do'kon sof JavaScript va CSS-da yozilgan. Vaqt o'tishi bilan u katta bo'ldi, endi uni saqlash noqulay. Vue.js tufayli siz butun interfeysni birdaniga qayta yoza olmaysiz, lekin uni asta-sekin yangilab turing. Siz avval Vue.js-dagi savatga qo'shishingiz, keyin narxlar va chegirmalarni qayta hisoblashingiz, so'ngra to'lovni amalga oshirishingiz mumkin - va shunday qilib, kichik iteratsiyalarda hamma narsani Vue.js-ga o'tkazing.
Reaktivlik - bu tizim ba'zi harakatlarga, foydalanuvchi yoki xizmatga javob bera oladigan va ekranda yangi tarkibni ko'rsata oladi. Oddiy qilib aytganda, bunda biz tugma elementini bosganingizda shunday animatsiya qilish kerak, keyin esa tizimning o'zi bosilgan barcha tugmalarni kuzatib boradi.
Va butun ramka taxminan 16 kilobaytni tashkil qiladi - bu juda kichik.
Vue.js-dagi namuna sahifasi
Nima haqida gapirayotganimizni tushunishni osonlashtirish uchun bu erda Vue.js dan foydalanadigan misol sahifasi. Bu oddiy loyiha bo'lgani uchun biz hamma narsani bitta faylda to'pladik va murakkab xizmatlarda skriptlar bilan bunday fayllar ko'p bo'lishi mumkin.
Простая страница на Vue.js
{{ message }}
{{ message }}
Vue.js -->
Hammasi qanday ishlaydi
Ramkaning markazida HTML elementlari va unga biriktirilishi mumkin bo'lgan amallar yoki xususiyatlar o'rtasidagi munosabatdir.
Bizning misolimizda biz buni qildik:
Biz sahifada alohida bloklar yaratdik, ularga nomlar berildi.
Ushbu nomlar orqali biz ilovalarni bloklarga bog'ladik.
Endi biz hech qanday HTML ishtirokisiz ushbu bloklarning mazmunini to‘liq nazorat qila olamiz va Vue.js orqali bevosita ishlay olamiz.
Biz birinchi blokga faqat matnni ko'rsatadigan oddiy dasturni biriktirdik. Vue.js asl HTML hujjatini emas, balki ushbu matnni ko'rsatish uchun javobgar edi.
Ikkinchi blokda biz matnni ko'rsatdik va uni old tomonga aylantiradigan tugmani qo'shdik. Ammo biz ushbu matnni dastur ichida yozganimiz uchun uni to'g'ridan-to'g'ri HTML kodida yozilganidan ko'ra boshqarish ancha oson.
Ma'lum bo'lishicha, sahifaga dastlab asosiy elementlarni joylashtirish uchun bizga faqat HTML ramka kerak va biz Vue.js yordamida kontentni boshqaramiz.
Nima uchun Vue.js kerak va u qayerda ishlatiladi
Tez prototiplashdan tashqari, Vue.js SPA - bir sahifali xizmat ko'rsatish saytlarini to'liq huquqli yaratish uchun juda yaxshi. Bu shuni anglatadiki, ilovaning barcha strukturaviy elementlari bir sahifada joylashgan va barcha mantiq skriptlarda. Va bu iqtisodning barchasi brauzerga yuklangan va qayta yuklanmasdan to'liq huquqli dastur sifatida ishlaydi.
Vue-dan foydalanadigan veb-ilovalarga misollar:
Facebook
Netflix
Grammatik
Behance
Yuqori ish
