Vue动态组件

首先，我们来看一看什么是动态组件呢？

动态组件是指不同组件之间进行动态切换，例：

• 浏览选项卡式组件而无需路由到新页面
• 在一个组件元素中管理不同类型的弹出窗口
• 根据用户是否登录显示不同的内容。

component 的 is 属性值是组件名，就可以调用该组件

 

 

 动态调用组件示例

 

 

 效果：点击会调用到相应组件

 

 

 您还可以为它添加更多其他的东西，例如：使用 Vue 过渡以使它无缝转换，keep-alive 保存状态等。