Zugang Mutter Variable VueJS 2

Question

Ich habe eine .vue mit einigem Kind Vorlage:

<template> 
    <test></test> 
</template> 
... 
export default { 
    data() { 
    hello: ''; 
    } 
} 

In test.vue Ich versuche, ‚Hallo‘ zugreifen, aber ich kann nicht. Ich habe versucht, "Requisiten" zu benutzen, aber kein Glück. Wie erreiche ich diese einfache Aufgabe?

Answer 1

Dies ist eigentlich einfach mit Requisiten. Vielleicht hat es wegen des Syntaxfehlers in Ihrer data Funktion nicht funktioniert?

parent.vue:

<template> 
    <test :my-prop="hello"></test> 
</template> 

<script> 
    export default { 
     data:() => ({ 
      hello: 'foobar' 
     }), 
     // ... 
    }; 
</script> 

test.vue:

<template>...</template> 

<script> 
    export default { 
     props: ['myProp'], 
     mounted() { 
      console.log(this.myProp); // foobar 
     } 
    }; 
</script>