[Vue.js]親から子へデータを渡す

<div id="app">
   <hello message="come on!!!"></hello>
</div>

Vue.component('hello',{
  props:['message'],
  template:'<p>{{message}}</p>',
})  


var app = new Vue({
  el:'#app',
})

come on!!!

<div id="app">
   <hello>
     うわああああああああああああああああああああああああああああああああ
   </hello>
</div>

Vue.component('hello',{
  template:'<p><slot></slot></p>',
})  


var app = new Vue({
  el:'#app',
})

うわああああああああああああああああああああああああああああああああ