<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>

<div id="app">

<child :message="message"></child>  

<!-- message前面加上:说明，后面的"message"是一个变量，而不是一个定值；如果想传一个定值，那么去掉 --> 

<!-- message前面的冒号就可以，定值就是 message -->

</div>

// 注册

Vue.component('child', {

  // 声明 props

  props: ['message'],

  // 同样也可以在 vm 实例中像 "this.message" 这样使用

  template: '<span>{{ message }}</span>'

})

// 创建根实例

new Vue({

  el: '#app',

  data:{

    message:"hello",

  }

})