javascript / beginner
Snippet
Tiefe Abhängigkeitsinjektion mit Provide/Inject
Provide und Inject ermöglichen es einer Vorfahren-Komponente, als Abhängigkeitsanbieter für alle ihre Nachkommen zu fungieren, unabhängig von der Tiefe der Hierarchie, um 'Prop-Drilling' zu vermeiden.
snippet.js
1
2
3
4
5
// In Ancestor Componentprovide('userTheme', 'dark-mode');// In Deeply Nested Child Componentconst theme = inject('userTheme');
vue
Erklärung
1
provide('key', value)
Das Elternteil definiert einen Schlüssel und einen Wert, der für Nachkommen verfügbar gemacht wird.
2
inject('key')
Das Kind ruft den mit dem Schlüssel verknüpften Wert von seinen Vorfahren ab.