SOURCE

Vue.component('child-component', {
  props: ['message'],
  data: function() {
    return {
      msg: '子组件'
    }

  }
})

// x-template适用于模板特别打的demo，极小型应用
Vue.component('x-template', {
  template: '#x-template'
})

var app = new Vue({
  el: '#app',
  data: {
    message: '父'
  }

})

  <div id="app">
    <child-component inline-template :message="message">

      <div>
        <p>
         {{msg}}
        </p>
        <p>
         {{message}}
        </p>
      </div>
</child-component>    
    <x-template></x-template>
  </div>

<script type="text/x-template" id="x-template">
<h1>x-template</h1>
</script>