vue watch监听不管用

遇到一个逗比问题

项目里面watch监听一个父元素传来的属性值data(data是个数组)，但是没有监听到

props里面也并没有写错，代码并没有报错

props: {
  data: {
    type: Array,
    default: () => {
      return []
    }
  }
}

后来发现父元素在使用这个子组件的时候给容器加了

<div v-if="data.length">
  <list-arr :data="data"></list-arr>
</div>

我想应该是当这个子组件被渲染的时候，这个data的值直接就是父组件传过来的值了，而不是由空数组变化来的了

尴尬。。。