Vue 组件动态换行展示：根据 Slot 数量实现多行布局

可以使用 Vue 中的计算属性和 v-for 指令来实现。

首先，在组件内部定义一个计算属性，用来根据传入的 Slot 数量计算需要展示几行，例如：

computed: {
  rows() {
    return Math.ceil(this.$slots.default.length / 6)
  }
}

然后，在组件的模板中，使用 v-for 指令遍历需要展示的行数，再在每行中使用 v-for 指令遍历需要展示的 Slot。例如：

这样，就可以根据传入 Slot 的数量自动进行换行展示了。