Tugann provide/inject deis do chomhpháirt fhindéiseach sonraí a sholáthar d'aon dhescendant, is cuma cé chomh domhain, gan props a rith trí gach páiste idirmheánach. Réitíonn siad an prop drilling.
App → Layout → Sidebar → Menu → MenuItem
Má tá gá ag MenuItem ar an theme amháin, a sheoladh i ngnáth-prop trí Layout, Sidebar, agus Menu (nach n-úsáideann sé) is saothrú agus scéimh thíobrach a bheidh ann. Fágann provide/inject an lár ar lár.
<!-- 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
Soláthair an réad gníomhach (an ref, ní a .value) ionas gur nuair a athraíonn sé, go n-athraítear gach páiste a bhíonn ag instealladh.
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
Úsáid provide/inject do instealladh spleáchais laistigh de fho-strom; bain úsáid as Pinia nuair is staid dhomhanda nó roinnte ar fud codanna gan gaol den app a bhíonn ann.
Baineann provide/inject amach an prop drilling le haghaidh sonraí a roinneann go leor páistí foluain (téamaí, locale, foirm/comhthéacs, seirbhísí breiseáin).
A bheith ar eolas gur gá luachanna gníomhacha a sholáthar (ionas go dtéann nuashonruithe ar aghaidh), úsáid a bhaint as réamhshocrú/eochracha Symbol, agus a thuiscint go bhfuil sé difriúil ó staid dhomhanda (Pinia) tugann sé deis duit comhthéacs roinnte a rith go soiléir trí dhoimhneacht páistí.