在函数内部使用for循环可以生成vue组件吗？

<template>
  <div>
    <!-- 使用动态组件渲染不同的组件 -->
    <component v-for="component in components" :key="component.name" :is="component.name" :data="component.data" @event="component.eventHandler"></component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      components: [
        { name: 'ComponentA', data: 'dataA', eventHandler: this.handleEventA },
        { name: 'ComponentB', data: 'dataB', eventHandler: this.handleEventB },
        // 可以根据需要添加更多的组件
      ]
    };
  },
  methods: {
    handleEventA() {
      // 处理组件A的事件
    },
    handleEventB() {
      // 处理组件B的事件
    },
    // 可以根据需要添加更多的事件处理方法
  }
};
</script>