Vue Js

Salom do'stlar bugun biz vue.js haqida bilib olamiz.

Qani boshladik.

Front-End Dasturchilari sifatida biz odatda kodni yozish va tartibga solish usullarini yaxshilash uchun har bir loyihamiz uchun eng mos texnologiyani tanlashni xohlaymiz. Shuning uchun, ushbu maqolaning asosiy maqsadi - bu Vue.js-ning asosiy xususiyatlarini ko'rib chiqish, bu JavaScript-ning frameworklaridan biri bo'lib, uning tarkibiy qismlari va reaktiv xususiyatlaridan foydalanishda osonlikcha saqlanadigan bitta sahifali dasturlarni (SPA) tezda ishlab chiqishga imkon beradi. reaktiv interfeyslar va ma'lumotlarni bog'lash sifatida.

Nima uchun Vue.js?

Frameworkdan foydalangan holda kutubxonani modullashtirish frontend rivojlanishida keng tarqalgan. React va Angular modulizatsiyaga ega. Ammo Vue.js-ni boshqa alternativalardan ajratib turadigan narsa - bu "yuqori ajratish", funktsional imkoniyatlarni kengaytirish qanchalik oson va modullar kiritilgandan so'ng barcha qismlarning ishlash darajasi. Masalan, biz kichik vizual komponentlarni tashkil qilishni va ko'rsatishni istasak, bizga Vue.js-ning "asosiy" kutubxonasi kerak; qo'shimcha kutubxonalarni kiritish kerak emas. Ilova o'sib borishi bilan bizda 'vue-router' kabi marshrutlarni boshqarish uchun kutubxonalar, 'vuex' kabi global holatni boshqarish uchun kutubxonalar yoki 'bootstrap-vue' kabi javob beradigan veb-ilovalarni yaratish uchun kutubxonalar mavjud. Bundan tashqari, agar bizning dasturimiz optimallashtirilishi kerak yoki yaxshi SEO kerak bo'lsa, biz "vue-server-rendering" kutubxonasini o'z ichiga olamiz.

Vue.js komponentlari tizimi reaktiv, ya'ni Vue.js asenkron hodisalar orqali qanday aloqa qilishni biladi; masalan, bola komponenti ota-ona komponenti bilan voqealar orqali bog'lanishi mumkin. Vue.js-da boshqa kutubxonalar yoki manbalar bilan ishqalanish bo'lmaydi, boshqacha qilib aytganda, biz eng qulay bo'lgan vositadan foydalanishimiz mumkin. Masalan, biz faqat HTML va JavaScript-ni yozishimiz mumkin yoki agar xohlasak CSS, JSX yoki TypeScript-ni qo'shishimiz mumkin.

Vue.js-da JS tugunida yaratilgan maxsus buyruq satri (CLI) mavjud. Ushbu vosita bizga qozon plitasi (yoki asosiy shablon) yordamida loyihani boshlashga imkon beradi. Bundan tashqari, Vue.js ishlab chiquvchi guruhi bizning kengaytmamiz daraxtining qanday ko'rsatilishini, voqealar qanday boshlanishi va yozilishini, har bir komponentning ichki holati qanday saqlanishini va komponentning global holatini ko'rishimizga imkon beradigan Chrome kengaytmasini saqlaydi.

Vue.js-dan kim foydalanmoqda?

700 dan ortiq kompaniyalar Vue.js.-dan foydalanmoqda. Ulardan ba'zilari: Xiaomi, Alibaba va Gitlab.

Xulosa

Va shu bilan! Bir oz Vue.js API-dan foydalanib, biz Vue nusxasining "ma'lumotlar" ob'ekti o'zgarishi asosida ko'rinishni avtomatik ravishda yangilaydigan, Vue.js komponentlari va reaktiv xususiyatlaridan foydalanishda ko'rinishni sinxronlashtiradigan, bitta sahifali dasturni (SPA) yaratdik. direktivalar, deklarativ ko'rsatish, ma'lumotlarni bog'lash, reaktiv interfeyslar va hisoblash xususiyatlari kabi.