Vue 3'теги provide/inject кантип иштейт?

Vue 3дө provide/inject колдонуу аркылуу ата-энеден балдарга маалыматтарды же көзкарандылыктарды өткөрүү мүмкүн, аралык компоненттерди өткөрбөстөн.

• provide ата-эненин компонентинде жарыяланат жана маанилерди камсыздайт.
• inject балдар компоненттеринде ушул маанилерди алуу үчүн колдонулат.

Бул глобалдык орнотууларды, кызматтарды же тереңдеги компоненттерге керек болгон маалыматтарды өткөрүү үчүн ыңгайлуу, ар бир деңгээл аркылуу props өткөрбөстөн.

Мисал:

// Ата-эне компоненти
export default {
  setup() {
    provide('theme', 'dark')
  }
}

// Балдар компоненти
export default {
  setup() {
    const theme = inject('theme')
    return { theme }
  }
}

Мындайча айтканда, балдар компоненти ата-энеден берилген 'dark' мааниге жеткиликтүү болот.