SOURCE

Vue.component('parent-component',{
  template: `
		<div>
			<child-component :msg="msg">
    	</child-component>
		</div>
	`,
  data(){
		return {
      msg: "我是父组件传递的 props.msg"
    }
	}
});

Vue.component('child-component',{
  template: `
		<div>
			<div>{{ msg }}</div>
		</div>
	`,
  props: {
    msg: String,
  }
});

new Vue({
  el: '#root',
})

<script src="https://unpkg.com/vue"></script>

<div id="root">
  <parent-component>
    
  </parent-component>
</div>