如何在Vue中的v-for循环中从表行中返回值？

<template>
  <table>
    <tr v-for="item in items" :key="item.id">
      <td>{{ item.name }}</td>
      <td>{{ item.age }}</td>
      <td>{{ item.gender }}</td>
    </tr>
  </table>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'John', age: 25, gender: 'Male' },
        { id: 2, name: 'Jane', age: 30, gender: 'Female' },
        { id: 3, name: 'Bob', age: 35, gender: 'Male' }
      ]
    };
  }
};
</script>