v-for 循环列表指令

v-for Demo

<template>
  <div style="text-align: center;">
    <ul>
      <template v-for="(item,index) in list">
        <div>{{index + "." + item.name}}</div>
      </template>
    </ul>
  </div>
</template>
<script>
export default {
  data(){
      return{
        list:[
          {
            name: "张三",
          },
          {
            name: "李四",
          },
          {
            name: "王二",
          },
        ],
      }
  },
};
</script>