vue中，如何实现点击按钮复制一段dom元素？

Question

在vue项目中，有以下场景：点击add按钮，实现input框的新增，怎么实现？

自己想到了一种方法，但是太麻烦，想用一种简单的方式实现。

Answer 1

定义一个input框的数组

data(){
    return{
        inputs:[{value:''}]
    }
}

模板渲染

<div v-for="item in inputs">
    <input ...>
</div>

add事件

add(){
    this.inputs.push({value:''})
}

Answer 2

v-for循环一个数组arr arr.length就是 input的个数 点击 add 向数组里添加一个值。数组变化 会导致 view视图的变化。 这就是mvvm -> model view viewModel

Answer 3

数据驱动的方法, 用 v-for 啊

http://runjs.cn/code/vjfkzprp