爲什麼我的孩子組件沒有工作？

Question

可以使用道具將數據傳遞給子組件。 ？但是，爲什麼沒有我的標籤孩子的工作它不會打印出hello.Here是我的代碼， 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

您組件需要你的主要Vue的實例之前聲明：

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

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

這裏的的jsfiddle：https://jsfiddle.net/Lxeb7gmo/

Answer 2

您必須動態地通過添加綁定它：在消息的前面這樣

:message="hello"