vue 嵌套for循环问题 如何得到这种结构的表格

数据结构：var a1 = [a,b,c,d]; var b1 = [e,f,g,h];

我的写法（不对！）

<template v-for="i in a1">
    <template v-for="j in b1">
        <tr>
            <td>{{i}}</td>
            <td>{{j}}</td>
        </tr>
    </template>
</template>

想问如何遍历可以的得到
|a | e
|b | f
|c | g
|d | h

这种 a 和 e 在一行（以此类推），这种结构如何实现？

弄错了，不用双循环。

 <template v-for="i in a1">
        <tr>
            <td>{{i}}</td>
            <td>{{b1[$index]}}</td>
        </tr>
</template>

 <template v-for="i in a1">
        <tr>
            <td>{{i}}</td>
            <td>{{b1[$index]}}</td>
        </tr>
</template>

 <template v-for="(item,index) in a1">
        <tr>
            <td>{{item}}</td>
            <td>{{b1[index]}}</td>
        </tr>
</template>

这样写就OK了