vue.js - Vue 3 如何获取有关 $children 的信息

Question

这是我在 Tabs 组件中使用 VUE 2 的旧代码:

created() {
   this.tabs = this.$children;
}

标签:

<Tabs> 
  <Tab title="tab title">
    ....
  </Tab>
  <Tab title="tab title">
    ....
  </Tab> 
</Tabs>

第 3 章:
如何使用组合 API 在 Tabs 组件中获取有关 child 的一些信息？获取长度，迭代它们，并创建标签页眉，......等等？有任何想法吗？ (使用组合 API)

Answer 1

哦，伙计们，我解决了它:

slots.default().filter(child => child.type.name === 'Tab')