同一页面上的同一Vue组件两次复制组件视图

data() {
  return {
    componentType: 'ComponentA' // 默认渲染ComponentA组件
  };
},

<template>
  <div>
    <component :is="componentType"></component>
  </div>
</template>

// ComponentA.vue
<template>
  <div>
    <!-- ComponentA的视图内容 -->
  </div>
</template>

// ComponentB.vue
<template>
  <div>
    <!-- ComponentB的视图内容 -->
  </div>
</template>

methods: {
  changeComponent() {
    if (this.componentType === 'ComponentA') {
      this.componentType = 'ComponentB';
    } else {
      this.componentType = 'ComponentA';
    }
  }
}