provide/inject suna ba da damar ga a kawo jiya gida sadarwa data ga kila zuriya, ko nesa kuwa, ba tare da wucewa props ta kowane tsarin tsari. Suna warwarewa prop drilling.
App → Layout → Sidebar → Menu → MenuItem
Idan kaɗai ya buƙaci , watsi dashi azaman prop ta hanyar , , da (waɗanda ba sa amfani dashi) yana da wahala da rikice-rikice. / suna tsere gida gida.
MenuItemthemeLayoutSidebarMenuprovideinject<!-- App.vue -->
<script setup>
import { provide, ref } from "vue";
const theme = ref("dark");
provide("theme", theme); // make `theme` available to ALL descendants
provide("toggleTheme", () => { // can provide functions too
theme.value = theme.value === "dark" ? "light" : "dark";
});
</script>
<!-- MenuItem.vue (deeply nested) -->
<script setup>
import { inject } from "vue";
const theme = inject("theme"); // get it directly — no props in between
const toggleTheme = inject("toggleTheme");
const color = inject("color", "blue"); // with a default fallback
</script>
// ✅ provide a ref/reactive so descendants see updates
provide("theme", theme); // theme is a ref → reactive
// ❌ provide("theme", theme.value) → passes a snapshot, not reactive
Sadarwa abin da aiki (the ref, ba .value nai) don lokacin da ya canja, duk makarantun da ke shigida suna sabuntawa.
import { themeKey } from "./keys"; // export const themeKey = Symbol()
provide(themeKey, theme); // avoids string-key collisions
provide/inject → pass data down a specific subtree (theme, form context, a service)
Pinia → global, app-wide shared state (user, cart) usable anywhere
Yi amfani da provide/inject don tallafin ayyukan a cikin wani reshe; san kowa Pinia lokacin da zaman a zahiri jama'a ko an raba a duk waje na app.
provide/inject suna kawar da prop drilling don bayanai da yawa sankaye abubuwan jama'a (jiya, locale, fom/nunan, sabis na plugin).
Sanin sadarwar ƙimanin da aiki (don kada sabuntawa ta cikin gida), yi amfani da abubuwan da ba a tsara/bagi Symbol, da bambanta shi daga zaman jama'a (Pinia) yana ba ka damar watsi da sadarwan da aka raba cikin gida ta hanyar kumancin ciki.