Warum funktioniert meine Kindkomponente nicht?

Question

Daten können mithilfe von Requisiten an untergeordnete Komponenten übergeben werden. Aber warum Arbeit mein Tag Kind nicht, es wird nicht gedruckt aus hello.Here ist mein Code, html:

<div id="app"> 
    <child message="hello"></child> 
</div> 

javascript:

new Vue({ 
    el:'#app' 
}); 

Vue.component('child',{ 
    props:['message'], 
    template:"<span>{{message}}</span>" 
}) 

Answer 1

Sie Komponente muss vor Ihrem Haupt Vue Beispiel erklärt werden:

Vue.component('child',{ 
    props:['message'], 
    template:"<span>{{message}}</span>" 
}) 

new Vue({ 
    el:'#app' 
}); 

Hier ist die JSFiddle: https://jsfiddle.net/Lxeb7gmo/

Answer 2

Sie müssen sie dynamisch binden durch Zugabe von: vor Nachricht wie diese

:message="hello"