v-for html

以下是一个使用v-for指令在HTML中循环渲染元素的示例：

<div id="app">
  <ul>
    <li v-for="item in items">{{ item }}</li>
  </ul>
</div>

<script>
  let vm = new Vue({
    el: "#app",
    data: {
      items: ['Apple', 'Banana', 'Orange']
    }
  });
</script>

在上面的示例中，我们使用v-for指令来循环渲染一个包含水果名称的列表。通过在v-for指令中使用"item in items"的语法，我们可以将items数组中的每个元素渲染为一个li元素。