vue 子组件watch监听不到prop的解决

父组件日期区间选择框，子组件数据根据日期区间显示对应数据，

当日期区间改变后，子组件对应数据自动更新，尝试百度后好多几个最终才可解决

父子组件是单向数据流，父组件值改变时子组件可以拿到改变后的值，但通过watch监测不到变量的变化。所以一直无法更新

最终代码：

父组件代码

<template>
  <div>
    ddd
    <el-date-picker
      v-model="dates"
      type="daterange"
      align="left"
      format="yyyy-MM-dd"
      value-format="yyyy-MM-dd"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      :clearable="false"
      @blur="changeDate"
    />
    <sun ref="sun" :query-form="queryForm" />
  </div>
</template>
 
<script>
  import sun from '@/views/toutiao/briefing/components/sun'
  export default {
    name: 'Fater',
    components: {
      sun,
    },
    data() {
      return {
        dates: []