vue data创建多个具有相同属性的对象

Question

最近开发vue项目遇到一个问题，就是我想在data里面定义多个具有相同属性的对象，有没有什么优雅的方式可以实现。目前是复制粘贴的方式定义了多个对象。data(){return{data1:{name:'data1',datas:[]},data2:{name:'data2',datas:[]}....}}目前这种方式感觉有点繁琐，不知道有没有大神能够帮忙简化一下

Answer 1

这种可以写成数组，数组里面只需写一项
data(){
return{
dataArr:[
{
name:'data1',
datas:[]
}
],
}
}
之后自己循环生成下
                            

Answer 2

用数组
data(){
return{
data:[
{
name:'data1',
datas:[]
},
{
name:'data2',
datas:[]
},
]
}
}
循环生成