从数据变量在模板中创建组件答案

【问题标题】：Create component in template from data variable从数据变量在模板中创建组件
【发布时间】：2022-07-16 06:25:55
【问题描述】：

我有多个使用相同道具的组件。我想以不在模板中使用多个 if-else 语句的方式在模板中使用这些组件。我在我的数据中创建了一个对象，并将我的组件与字符串键配对。有没有办法用那个对象在模板中调用这些组件？我的数据对象看起来像这样：

componentMap:{
  "testComponent1":TestComponent1,
  "testComponent2":TestComponent2,
},

例如，如果我将“testComponent1”作为键，那么在模板中它应该使用 TestComponent。

【问题讨论】：

标签： vue.js

【解决方案1】：

使用component 标签。

<component :is="componentMap['testComponent1']"></component>

【讨论】：