Vue 3 da provide/inject qanday ishlaydi?

Vue 3 da provide/inject, ma'lumotlar yoki bog'liqliklarni ota komponentdan bolalariga, oraliq komponentlarni o'tkazmasdan uzatish uchun ishlatiladi.

• provide ota komponentda e'lon qilinadi va qiymatlarni taqdim etadi.
• inject bolalar komponentlarida bu qiymatlarni olish uchun ishlatiladi.

Bu, global sozlamalar, xizmatlar yoki chuqur joylashgan komponentlar uchun kerak bo'ladigan ma'lumotlarni, har bir darajani props orqali o'tkazmasdan uzatish uchun qulay.

Misol:

// Ota komponent
export default {
  setup() {
    provide('theme', 'dark')
  }
}

// Bola komponent
export default {
  setup() {
    const theme = inject('theme')
    return { theme }
  }
}

Shunday qilib, bola komponent ota tomonidan taqdim etilgan 'dark' qiymatiga kirish imkoniyatiga ega bo'ladi.