vue如何动态添加组件

Question

需求如下：点击addFisrt按钮 添加第一个组件的内容 点击addSecond 动态添加第二个组件的内容 而且可以无限制添加~求大神们提供一下思路和方法~谢谢~

Answer 1

一个fields数组一个for循环几个if判断fields: [&nbsp; &nbsp; {type: 'text', value: ''},&nbsp; &nbsp; {type: 'password', value: ''}]<div>&nbsp; &nbsp; <div v-for="f in fields">&nbsp; &nbsp; &nbsp; &nbsp; <input type="password" v-if="f.type === 'password'" v-model="f.value"/>&nbsp; &nbsp; &nbsp; &nbsp; <input type="text" v-if="f.type === 'text'" v-model="f.value"/>&nbsp; &nbsp; </div></div>