Vue 父母的数据没有更新孩子的道具

Question

我有一个 vue 父组件，它在数据部分有一个计数器，如下所示：

data() {
    return {
      count: 0,
    }

然后我将它作为道具传递给子组件

///on parent component
<child 
      :counter="count"
    />
/// on child component
export default {
  props: {
  counter: { type: Number, required: true },
}

但是当我更新父的计数（加 1）时，子的计数器没有改变，仍然是 0。

这是子模板：

<template>
  <div class="flex w-80 flex-col">
    {{ counter }}
  </div>

我在控制台上遇到的唯一错误是：[Vue 警告]：您可能在组件渲染函数中有无限更新循环。但是在其他vue组件中发现了，所以我认为不是这个原因。

我是 Vue 的新手，所以任何帮助将不胜感激