vue父组件向子组件传值

<template>
  <div>
   父组件页面：
    <!-- 父向子传值：3.在子组件标签中添加子组件props中创建的属性 -->
    <child :time='hitimetime'></child>
  </div>
</template>

<script>
  //父向子传值： 1.子组件在props中创建一个属性，用以接收父组件传过来的值
  import Child from '../components/Child'
  export default {
    name: 'Me',
    components:{
    	Child
    }, //父向子传值：2.父组件中注册子组件
    data() {
      return {
        hitimetime:''
      }
    },
    created: function () {
      // 父向子传值：4.把需要传给子组件的值赋给该属性hitimetime
      this.hitimetime = '在父组件页面中定义的值：timeolldf';
    },
  }
</script>

<template>
  <div>
    子组件child页面显示了：-----{{time}}
  </div>
</template>

<script>
export default {
  props:['time']
}
</script>