1.父组件给子组件传值,子组件使用props接收值。
//父组件页面
<div>
<TransChart :start-time="startTime" :end-time="endTime"/>
</div>
//子组件页面
props: ['startTime', 'endTime'],
问题:父组件页面在变更startTime和endTime时,子组件的值不会随之改变。
解决办法:在子组件内使用 watch 检测数据变动
watch: {
endTime: function() {
this.initData()
}
},