如果是写在数组里有办法优化吗

如果你的表格数据是存储在数组中的，可以在组件渲染之前，对数组中每个元素添加一个 `index` 属性来表示当前行的序号值，然后在渲染表格时直接使用该属性即可。

以下是一个示例代码：

<template>
  <table>
    <thead>
      <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>年龄</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="item in dataList" :key="item.id">
        <td>{{ item.index }}</td>
        <td>{{ item.name }}</td>
        <td>{{ item.age }}</td>
      </tr>
    </tbody>
  </table>
</template>

<script>
export default {
  data() {
    return {
      dataList: [
        { id: 1, name: '张三', age: 20 },
        { id: 2, name: '李四', age: 22 },
        { id: 3, name: '王五', age: 25 },
      ],
    };
  },
  created() {
    // 为数组中每个元素添加 index 属性
    this.dataList.forEach((item, index) => {
      item.index = index + 1;
    });
  },
};
</script>

在上面的代码中，我们在组件的 `created` 钩子函数中，遍历数组中的每个元素，为其添加一个 `index` 属性，并将其值设置为当前行的序号值。然后在渲染表格时，直接使用 `item.index` 的方式来显示序号列的值。这种方式的好处是，可以避免每次渲染表格时都需要重新计算序号值，提高了渲染效率。