Vue 3-də provide/inject necə işləyir?

Vue 3-də provide/inject, valide və ya asılılıqları valide komponentdən uşaqlarına ötürmək üçün istifadə olunur, aralıq komponentləri keçmədən.

• provide valide komponentdə elan edilir və dəyərlər təqdim edir.
• inject uşaqlar komponentlərində bu dəyərləri almaq üçün istifadə olunur.

Bu, qlobal tənzimləmələri, xidmətləri və ya dərinləşmiş komponentlərə lazım olan məlumatları hər səviyyədə prop ötürmədən ötürmək üçün əlverişlidir.

Nümunə:

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

// Uşaq komponent
export default {
  setup() {
    const theme = inject('theme')
    return { theme }
  }
}

Beləliklə, uşaq komponent valide tərəfindən təmin edilən 'dark' dəyərinə çıxış əldə edir.