vue循环复用同一组件（无数据传递）

在 Vue 中，可以使用 `v-for` 指令来循环渲染同一个组件，实现循环复用。如果没有数据传递，可以不需要使用 props。例如，你想要渲染多个按钮，可以这样写：

<template>
  <div>
    <my-button v-for="index in count" :key="index" />
  </div>
</template>

<script>
import MyButton from './MyButton.vue';

export default {
  components: {
    MyButton,
  },
  data() {
    return {
      count: 5, // 渲染 5 个按钮
    };
  },
};
</script>

在这个例子中，MyButton 组件是一个单独的组件文件，定义了一个简单的按钮。在 MyButtonGroup 组件中，使用 `v-for` 指令循环遍历一个由 1 到 count 组成的数组，将数组中的每个元素渲染成 MyButton 组件。由于数组中的每个元素都不需要传递数据，因此 MyButton 组件不需要任何 props。