Wir können somit Daten über mehreren Komponenten direkt einbinden.
Nachteil:
* das Kindelement weiss nicht woher diese Daten kommen
* die inject-Daten sind nicht reaktiv
* provide / inject nur nutzen, wenn mit statischen Daten gearbeitet wird, die sich nicht reactiv aktualisieren
* Nutzung eines stores erübrigt das Problem
#Elternkomponente, Bereitstellung der Daten
export default {
name: "App",
components: {
StatusCard,
},
provide:(){
maxNumbersOfChars: 255,
},#Enkel(Kind)komponente, Daten-Injection
export default {
name: "NewTask",
inject: ["maxNumbersOfChars"],
computed: {
numberOfCharsLeft() {
return this.maxNumbersOfChars - this.content.length;
},
},