【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)