How do you use v-for directive on template?

Just similar to v-if directive on template, you can also use a <template> tag with v-for directive to render a block of multiple elements.

Let's take a todo example,

<ul>
<template v-for="todo in todos">
<li>{{ todo.title }}</li>
<li class="divider"></li>
</template>
</ul>