这样写v-mode报错

非常抱歉，我之前的回答有误。在 Ant Design Vue 的 Tabs 组件中，可以使用 `activeKey` 属性和 `@change` 事件来实现 Tab 切换时子组件的更新。

具体来说，你可以在 Tabs 组件中使用 `activeKey` 属性，绑定一个变量，用来保存当前激活的 Tab 的 key 值。同时，使用 `@change` 事件监听 Tab 切换事件，当 Tab 切换时，更新 `activeKey` 变量的值。这样，就可以在子组件中使用 `watch` 监听 `activeKey` 变量，实现 Tab 切换时子组件的更新。

具体代码如下：

<template>
  <a-tabs :activeKey="activeTabKey" @change="handleChange">
    <a-tab-pane key="tab1" tab="Tab 1">
      <child-component :tabKey="'tab1'" />
    </a-tab-pane>
    <a-tab-pane key="tab2" tab="Tab 2">
      <child-component :tabKey="'tab2'" />
    </a-tab-pane>
  </a-tabs>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      activeTabKey: 'tab1'
    }
  },
  methods: {
    handleChange(activeKey) {
      this.activeTabKey = activeKey
    }
  }
}
</script>

在上述代码中，使用 `activeKey` 属性和 `@change` 事件实现 Tab 切换时子组件的更新。在子组件中使用 `watch` 监听 `tabKey` 属性，实现 Tab 内容的更新。具体代码如下：

<template>
  <div>
    <p>当前 Tab 的 key 值为：{{ tabKey }}</p>
    <p>当前 Tab 对应的数据为：{{ tabData }}</p>
  </div>
</template>

<script>
export default {
  props: {
    tabKey: {
      type: String,
      required: true
    }
  },
  data() {
    return {
      tabData: ''
    }
  },
  watch: {
    tabKey(newVal, oldVal) {
      // 根据新的 Tab key 值获取数据
      this.tabData = this.getData(newVal)
    }
  },
  methods: {
    getData(tabKey) {
      // 根据 Tab key 值获取数据
      // ...
      return '数据'
    }
  }
}
</script>

在上述代码中，使用 `watch` 监听 `tabKey` 属性，当 `tabKey` 发生变化时，重新获取对应的数据并更新到页面上。