动态组件＜component :is=‘‘＞＜/component＞

// template
<button @click="UseComponent = 'component-two'">切换为ComponentTwo</button>
<button @click="UseComponent = 'component-one'">切换为ComponentOne</button>
<component :is="UseComponent" />
// script
import ComponentOne from '@/xxx'
import ComponentTwo from '@/xxx'
export default {
  components: {
    ComponentOne,
    ComponentTwo
  },
  data(){
    return {
      UseComponent: 'component-one'
    }
  }
 }