ant design vue中的a-tabs在切换的时候怎么初始化子组件

在 Ant Design Vue 的 Tabs 组件中，可以使用 `v-if` 指令控制子组件的初始化时机，以及使用 `lazy` 属性实现 Tab 内容的懒加载。

具体来说，你可以在 Tabs 组件中使用 `v-if` 指令，绑定一个变量，控制子组件的初始化时机。例如：

<template>
  <a-tabs v-model:selected-tab>
    <a-tab-pane key="tab1" tab="Tab 1">
      <child-component v-if="selectedTab === 'tab1'" />
    </a-tab-pane>
    <a-tab-pane key="tab2" tab="Tab 2">
      <child-component v-if="selectedTab === 'tab2'" />
    </a-tab-pane>
  </a-tabs>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      selectedTab: 'tab1'
    }
  }
}
</script>

在上述代码中，使用 `v-if` 控制子组件的初始化时机，只有当选择的 Tab 是当前的 Tab 时才会初始化子组件。

另外，还可以使用 `lazy` 属性实现 Tab 内容的懒加载。例如：

<template>
  <a-tabs v-model:selected-tab lazy>
    <a-tab-pane key="tab1" tab="Tab 1">
      <child-component />
    </a-tab-pane>
    <a-tab-pane key="tab2" tab="Tab 2">
      <child-component />
    </a-tab-pane>
  </a-tabs>
</template>

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

export default {
  components: {
    ChildComponent
  }
}
</script>

在上述代码中，使用 `lazy` 属性实现 Tab 内容的懒加载，只有当选择的 Tab 成为当前 Tab 时才会加载 Tab 内容。这样可以减少页面的加载时间，提高用户体验。