请解释 Vue 中的动态组件概念，并说明其典型应用场景有哪些？

回答思路

1. 【回答框架 1】动态组件是 Vue 中通过 <component> 元素结合 is 属性来动态切换组件的机制，其基础是组件注册表与虚拟 DOM 的 diff 过程。
2. 【回答框架 2】核心语法为 <component :is="componentName"></component>，其中 componentName 可以是组件选项对象、注册名称或组件构造函数，支持绑定数据、事件和插槽。
3. 【回答框架 3】典型场景包括多标签页切换、步骤表单、弹窗或卡片类型动态渲染，以及根据用户权限或配置动态加载不同业务组件。
4. 【回答框架 4】与 v-if/v-else 相比，动态组件代码更简洁且易维护；配合 <keep-alive> 可缓存组件状态，避免重复渲染。
5. 【回答框架 5】实现动态渲染时需关注组件的注册方式（全局或局部）以及异步组件结合 defineAsyncComponent 的使用，以支持代码分割和按需加载。
6. 【关键点 1】动态组件利用 <component> 的 is 属性在运行时切换不同组件。
7. 【关键点 2】适用于多视图切换、配置驱动渲染和按需加载场景。
8. 【关键点 3】配合 keep-alive 可以保留组件状态，减少不必要的销毁重建。
9. 【关键点 4】动态组件与 v-if 相比代码更简洁，但应避免过度使用导致复杂性增加。
10. 【关键点 5】需要确保组件已正确注册，否则会渲染为空白或报错。
11. 【易错点 1】未注册组件或 is 值拼写错误会导致渲染失败。
12. 【易错点 2】在循环中频繁切换动态组件可能带来性能开销，需结合缓存或优化。
13. 【易错点 3】动态组件与 keep-alive 同时使用时，需注意 include/exclude 匹配规则。