vuejs 中 for 如何不输出本身？

Question

例如我有一个表单，根据一个数组来生成的

<form>
    <input v-for="n in 10"></input>
</form>

但我表单内容并不只是 input，我希望根据数组内的数据输出对应的标签，实现这样的效果：

<form>
    <input></input>
    <hr/>
    <div>div</div>
</form>

那么我只能这样写

<form>
    <div v-for="n in 10">
        <input v-if="n==0"></input>
        <hr v-if="n==1"></hr>
    </div>
</form>

这样出来的效果其实是这样：

<form>
    <div>
        <input></input>
    </div>
    <div>
        <hr></hr>
    </div>
</form>

循环其实是要写在 form 的子项内，我又不想每个子项外面包一层 div，这是要怎么处理。

就是说，我只是想单纯的要一个 for 循环，而不输出 for 本身所在的那个标签。

Answer 1

<form>
    <template v-for="n in 10">
        <input v-if="n==0"></input>
        <hr v-if="n==1"></hr>
    </template>
</form>

Answer 2

将v-for指令添加到这个标签就行了:

<template></template>

Answer 3

Vue.js guide: list rendering - v-for on template