vue 动态组件加那么

Vue动态组件可以通过使用`<component>`元素和`is`特性来实现。`<component>`元素可以根据一个动态的组件名称来渲染不同的组件。具体实现方法如下：

1. 在Vue组件中定义一个属性来存储要渲染的组件名称，例如：

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

<script>
export default {
  data() {
    return {
      currentComponent: 'ComponentA'
    }
  }
}
</script>

2. 在需要切换组件的时候，更新`currentComponent`属性的值即可：

methods: {
  switchComponent() {
    this.currentComponent = 'ComponentB'
  }
}

这样就能够动态切换不同的组件了。同时，你也可以在组件中使用动态组件来实现更加灵活的UI设计。