【vue动态组件】VUE使用component :is 实现在多个组件间来回切换

VUE使用component :is 实现在多个组件间来回切换

component :is 动态父子组件传值

相关代码实现：

 <component:is="vuecomponent"></component>import componentA from 'xxx';
import componentB from 'xxx';
import componentC from 'xxx';switch(item) {case A:this.vuecomponent = 'componentA';break;case B:this.vuecomponent = 'componentB';break;
default:this.vuecomponent = 'componentC';
}

vue官方文档解释：

参考文档：组件基础 | Vue.js (vuejs.org)