I bob. Nazariy qism 3 Axborot texnologiyasining rivojlanish tarixi 13

Deklarativ koʻrsatish

Vue.js-ning asosiy qismi oddiy shablon sintaksisidan foydalanib DOM-ga ma’lumotlarni deklarativ ravishda taqdim etishga imkon beradi:

{{xabar}}

E’tibor bering, Vue.js qoʻshaloq jingalak qavslar tomonidan e’lon qilingan bayonotni baholaydi, shuning uchun Vue misolidagi "ma’lumotlar" ob’ekti magʻlubiyat shabloniga oʻtkaziladi. Shuning uchun ma’lumotlar ob’ekti va DOM bir-biriga bogʻlangan va endi hamma narsa reaktivdir. Buni JavaScript konsolimizni ochish va app.message-ni boshqa qiymatga oʻrnatish orqali tasdiqlashimiz mumkin.
Npm va Yarn toʻplamlari menejerlari har bir paket uchun murakkab operatsiyalarni mustaqil ravishda hisoblash va kerakli parametrlarga ega paketlarni oʻrnatuvchini ishga tushirish orqali dastur yuklashlarni osonlashtiradi, shuningdek Webpack JavaScript moduli yaratuvchisi va npm-skriptlari kabi vazifalarni bajaruvchilar bilan ishlashni oʻrgatadi.
Webpack haqida gap ketganda, koʻpchilik buni qiyin deb oʻylaydi. Bu toʻgʻri, ammo u holda Vue-ning bir qator funksiyalari, masalan, bitta faylli komponentlar ham mavjud boʻlmaydi.
Sizning vue.js boʻyicha tajribangiz oʻsib bormoqda deylik va xatolarni tekshirish xavfi ham koʻpaymoqda. Ba’zi hollarda, sizning tajribangiz davomida turni toʻgʻri tekshirish uchun TypeScriptdan foydalanishingiz kerak, ba’zi hollarda esa PropTypes. U qanday ishlaydi? Xususiyat va qiymat ma’lum bir parametr turi va uning nomi toʻgʻrisida ma’lumotlarni oʻz ichiga olgan obyekt yordamida kirish parametrlarini sanab oʻtishimiz mumkin. Masalan:
props: {
title: String,
likes: Number,
isPublished: Boolean,
commentIds: Array,
author: Object,
callback: Function,
contactsPromise: Promise
}
Kirish parametrlarini tekshirish haqida koʻproq bilib olishingiz mumkin.

API

API bilan ishlashga kelsak, vue.js-da API-ning hamma narsasi standart shaklda boʻladi:

• 
  GraphQL
  
• 
  Apollo
  
• 
  Relay
  
• 
  REST
  
• 
  Fetch
  
• 
  Axios
  
• 
  SuperAgent