vue动态组件

因为左侧菜单点击后，右侧会出一些小模块功能，不想去做隐藏显示，不然越多越麻烦，就使用了动态组件

引用组件

import gzfwys from '../components/home/second/gzfw_ys.vue'
import gzfwsh from '../components/home/second/gzfw_sh.vue'
import gzfwkp from '../components/home/second/gzfw_kp.vue'



components:
{
			gzfwys,
			gzfwsh,
			gzfwkp,
},

定义动态组件

<keep-alive>
	  <component :is="componentname"></component>
</keep-alive>

keep-alive 包着 会自动缓存，如果不包着会每次都重新加载，包括对应的接口

只需要按需改变componentname为对应的组件名字就OK了。