Javascript Vue克隆问题

我正在学习vue，我想做的一件事就是克隆元素。我在玩这个代码：

var multiple=新的Vue({
el:“#vue”，
数据：{
},
方法：{
cloneWidget（e）{
让widgets=document.getElementById（'widgets'）；
让widget=document.getElementById（'widget'）；
clone=widget.cloneNode（true）；
clone.id=Math.round（Math.random（）*100）；
appendChild（克隆）；
},
删除克隆（e）{
e、 target.parentNode.remove（）；
}
}
});

克隆
字段1：
字段2：
删除
添加挂件
使用Vue，您通常需要从数据的角度来思考。下面是修改后的示例，以便为widgets数组中的每个对象呈现一个widget

在这种情况下，数组的内容没有多大意义；您可能希望更改数组中每个对象的属性以匹配输入字段，但这只是一个示例


var multiple=新的Vue({
el:“#vue”，
数据：{
小部件：[{}]
},
方法：{
addWidget（）{
this.widgets.push（{}）
},
removeWidget（小部件）{
this.widgets.splice（this.widgets.findIndex（w=>w==widget），1）
}
}
});

克隆
字段1：
字段2：
删除
添加挂件
使用Vue，您通常需要从数据的角度来思考。下面是修改后的示例，以便为widgets数组中的每个对象呈现一个widget

在这种情况下，数组的内容没有多大意义；您可能希望更改数组中每个对象的属性以匹配输入字段，但这只是一个示例


var multiple=新的Vue({
el:“#vue”，
数据：{
小部件：[{}]
},
方法：{
addWidget（）{
this.widgets.push（{}）
},
removeWidget（小部件）{
this.widgets.splice（this.widgets.findIndex（w=>w==widget），1）
}
}
});

克隆
字段1：
字段2：
删除
添加挂件
您不能只克隆dom元素，因为Vue也有虚拟dom。您应该使用
v-for
和一些包含数据的数组来操作“克隆”的收集。Vue是关于数据绑定和数据的，一般来说，它不会像JQueryTank中那样使用dom。请澄清，您不能只克隆dom元素，因为Vue也有虚拟dom。您应该使用
v-for
和一些包含数据的数组来操作“克隆”的收集。Vue通常是关于数据绑定和数据的，它不会像JQueryTank you那样使用dom来澄清Tank you，这基本上就是我试图做的，在您和@max sinev的帮助下，我理解我的错误。谢谢，这基本上就是我想要做的，在你和@max sinev的帮助下，我理解了我的错误。