如何根据组件类型筛选Vue中的子组件?

我在识别Vue中的儿童组件时遇到问题。

我这里有这个标记:

<parent>
    <child-one>
    </child-one>

    <child-two>
    </child-two>

    <child-one>
    </child-one>
</parent>

这个 parent 组件是功能性的,因此它正在执行以下操作:

render(createElement) {
    return createElement('div', this.$slots.default);
},

我想重复一遍 this.$children 并返回一个类似于以下的vnode数组:

const matchingChildren = this.$children
    .filter(child => child.isChildOneType === true)

return createElement('div', {}, matchingChildren)

我该怎么做?

我需要过滤哪些内容?

我确信我可以通过设置 type 支撑 child-one ,然后使用 this.$children.filter(child => child.$attrs.type === 'special') ,但我想根据它们是 儿童一号 组件。

我试图使示例简单化,但这是针对标签页的,所以我对条件呈现不感兴趣。我正在尝试将标记转换为不同的dom输出,并且需要筛选特定类型的子项。

我研究过 $attrs 和 $options 作为钩子,我可以使用,但如果我使用属性,我需要添加一个道具到每个组件。我想避免,因为它们都是 儿童一号 是的。我似乎也不能将静态属性添加到 儿童一号 是的。这个 美元期权 字段总是空的。