为什么我的孩子组件不起作用？

Question

可以使用props将数据传递给子组件。但为什么我的标签子工作不起作用？它不会打印出你好。这是我的代码， 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"