Vue.js 中根据传入 Slot 数量动态展示组件

在上面的代码中，我们使用v-for指令遍历了$slots对象，$slots是Vue内置的一个对象，它包含了所有传入的slot，遍历的结果是一个数组，数组中的每个元素都是一个slot的内容。

在遍历过程中，我们使用<component>标签来动态展示组件，通过:is属性来指定组件的名称，这里我们使用了一个简单的命名规则：my-component-1、my-component-2、my-component-3等等。这样做的好处是，我们可以根据传入的slot数量来动态生成对应数量的组件，并且每个组件都有一个唯一的名称，避免了组件名称的冲突。

最后，我们将每个slot的内容作为组件的子节点传入，这样就能够正确地渲染出每个组件的内容了。