> 文章列表 > vue 动态组件

vue 动态组件

文章列表

vue 动态组件

一见如故

// 一般配合<keep-alive>组件，避免反复重新渲染dom
<keep-alive><component :is="com"></component>
</keep-alive>
<script>
import Left from './LeftComponent.vue'
import Right from './RightComponent.vue'
data(){com: 'Left'
}

常用场景：tab切换，同一块区域（）展示不同组件内容

设计师之家