在 vue 文件中动态添加组件到父 div答案

【问题标题】：Add components to parent div dynamically in vue file在 vue 文件中动态添加组件到父 div
【发布时间】：2018-07-25 09:51:38
【问题描述】：

我有一个父组件，它根据 API 响应添加一些子组件。

父组件已经预先添加了一些组件，我想添加新的。

<div class="subwalletContainer">
    <sub-wallet />
    <sub-wallet />
    <sub-wallet />    
</div>

在上面的 div 中，我想根据 API 响应添加另一个组件。在这种情况下可以 $mount 帮助吗？我不能采用 v-for 方法，因为多种不同的组件类型来自不同的来源。

【问题讨论】：

【解决方案1】：

你应该稍微改变你的方法，在使用 Vue 时，你不应该考虑直接从 DOM 中添加/删除任何东西。你应该修改你的数据，这反过来会导致你的 DOM 发生变化。

我认为您正在寻找的是动态components

<!-- Component changes when currentTabComponent changes -->
<component v-bind:is="currentTabComponent"></component>

【讨论】：