Try It Yourself - SyntaxStudy Editor

HTML / CSS / JS

<template>
  
  <ul>
    <li v-for="user in users" :key="user.id">
      {{ user.name }} — {{ user.email }}
    </li>
  </ul>

<ol>
    <li v-for="({ title, done }, i) in tasks" :key="i">
      {{ i + 1 }}. <s v-if="done">{{ title }}</s>
      <span v-else>{{ title }}</span>
    </li>
  </ol>

<dl>
    <template v-for="(value, key) in config" :key="key">
      <dt>{{ key }}</dt><dd>{{ value }}</dd>
    </template>
  </dl>

<span v-for="n in 5" :key="n">{{ n }} </span>

<ul>
    <template v-for="item in items" :key="item.id">
      <li v-if="item.visible">{{ item.label }}</li>
    </template>
  </ul>
</template>