javascript / beginner
Snippet
Provide und Inject
Provide und Inject ermöglichen es einer Elternkomponente, als Abhängigkeitsanbieter für alle ihre Nachkommen zu fungieren, unabhängig davon, wie tief die Komponentenhierarchie ist.
snippet.js
javascript
1
2
3
4
5
// Parent.vueprovide('theme', 'dark');// Child.vueconst theme = inject('theme');
vue
Erklärung
1
provide('theme', 'dark');
Die Elternkomponente 'stellt' ein Datenelement bereit, das durch einen Schlüssel ('theme') identifiziert wird.
2
inject('theme');
Jede Kindkomponente kann diese Daten über denselben Schlüssel 'injizieren' oder anfordern.