为什么我的孩子组件没有工作？

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"