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