component动态组件（Dynamic Components）可以通过is属性切换不同的组件，从而实现动态渲染的效果。常用于实现 Tab 切换效果、配合使用 keep-alive 来缓存组件。
动态组件的作用
Vue 中的动态组件可以帮助我们轻松地实现以下几个功能：
- 实现按需加载：当页面中存在多个组件时，我们可以通过动态组件来实现按需加载，提高页面性能。
- 实现条件渲染：动态组件允许我们根据条件渲染不同的组件，可以有效地控制组件的显示与隐藏。
- 实现复杂布局：使用动态组件可以更加灵活地控制组件的布局，从而实现复杂的页面布局效果。
动态组件的用法
在 Vue 中，动态组件可以通过两种方式来实现：
- 使用 component 元素
可以使用 component 元素来实现动态组件，如下所示：
<template>
<component