vue生成六个数据的数组
时间: 2023-12-04 13:05:24 浏览: 48
可以使用如下代码生成六个数据的数组:
```
var arr1 = new Array(1, 2, 3);
var arr2 = new Array(4, 5, 6);
var arr3 = new Array(7, 8, 9);
var arr4 = new Array(10, 11, 12);
var arr5 = new Array(13, 14, 15);
var arr6 = new Array(16, 17, 18);
var dataArray = [arr1, arr2, arr3, arr4, arr5, arr6];
```
或者使用下面的代码:
```
var dataArray = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9],
[10, 11, 12],
[13, 14, 15],
[16, 17, 18]
];
```
在 Vue 中,可以将 dataArray 定义为一个 data 属性,然后在模板中使用 v-for 指令进行循环渲染。例如:
```
<template>
<div>
<div v-for="(arr, index) in dataArray" :key="index">
<span v-for="(item, i) in arr" :key="i">{{ item }}</span>
</div>
</div>
</template>
<script>
export default {
data() {
return {
dataArray: [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9],
[10, 11, 12],
[13, 14, 15],
[16, 17, 18]
]
};
}
};
</script>
```
阅读全文