如何更改v-data-table中的单行(不是样式，是内容)

data() {
  return {
    tableData: [
      { id: 1, name: 'John', age: 25 },
      { id: 2, name: 'Jane', age: 30 },
      { id: 3, name: 'Bob', age: 35 }
    ]
  }
}

<v-data-table :items="tableData">
  <template v-slot:headers>
    <th>Name</th>
    <th>Age</th>
    <th>Actions</th>
  </template>
  <template v-slot:items="{ item }">
    <td>{{ item.name }}</td>
    <td>{{ item.age }}</td>
    <td>
      <v-btn @click="editItem(item)">Edit</v-btn>
    </td>
  </template>
</v-data-table>

methods: {
  editItem(item) {
    // 根据需要修改item的内容
    item.name = 'New Name';
    item.age = 40;
  }
}