SOURCE

Vue.component('child-component'. {
  data: function() {
    return {
      msg: '子组件'
    }

  }
})

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

})

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

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