vue中动态添加div节点

可以使用Vue的v-for指令和数组来动态添加div节点，例如：

在Vue实例中定义一个数组dataList，然后使用v-for指令遍历这个数组，将每个元素渲染成一个div节点，最后通过Vue的方法向dataList数组中添加元素即可动态添加div节点。具体代码如下：

<template>
<div>
<div v-for="(item, index) in dataList" :key="index">{{ item }}</div>
</div>
</template>

<script>
export default {
data() {
return {
dataList: ['div1', 'div2', 'div3']
}
},
methods: {
addDiv() {
this.dataList.push('div' + (this.dataList.length + 1))
}
}
}
</script>

在上面的代码中，我们定义了一个dataList数组，其中包含了三个元素，分别是'div1'、'div2'、'div3'。然后使用v-for指令遍历这个数组，将每个元素渲染成一个div节点。最后我们定义了一个addDiv方法，当调用这个方法时，会向dataList数组中添加一个新的元素，这样就可以动态添加div节点了。