Vue v-for List Application

<template>
  <div style="text-align: center;">
    <ul>
      <template v-for="(item, index) in list" :key="index">
        <div>{{ index + "." + item.name }}</div>
      </template>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          name: "张三",
        },
        {
          name: "李四",
        },
        {
          name: "王二",
        },
      ],
    };
  },
};
</script>