SOURCE

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

  }
})

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>      
  </div>