Aus dem Kurs: Vue.js Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

provide und inject

provide und inject – Tutorial zu Vue.js

Aus dem Kurs: Vue.js Grundkurs

Gratismonat starten Für Ihr Team erwerben

provide und inject

“

Angenommen, wir haben tief verschachtelte Komponenten und in meiner Hauptkomponente möchte ich Daten übergeben, die in der Urenkelkomponente, so habe ich es einmal genannt, benutzt werden sollen. Dann muss ich dafür die Props immer jeweils weiterreichen und das ist natürlich furchtbar mühsam und das ist ein Problem, was man Prop Drilling nennt. Da gibt es Abhilfe und die Abhilfe besteht darin, dass man provide und inject nutzt. provide gibt man bei der Hauptkomponente an und inject, das nutzt man da, wo man auf die Daten zugreifen möchte. Sehen wir uns das in einem Beispiel an, was nicht ganz so tief verschachtelt ist. Ich habe meine Hauptkomponente und da übergebe ich einen Text, der soll dann in der Enkelkomponente ausgegeben werden. Und dafür muss ich den aber an die Kindkomponente übergeben und die Kindkomponente muss das wiederum an die Enkelkomponente übergeben, damit das Ganze funktioniert. Das ist das Ergebnis. Wir sehen also, in der Enkelkomponente wird wirklich der Text…

Inhalt