如何使用vuejs中的临时值在表中添加新记录

data() {
  return {
    newRecord: {
      id: '',
      name: '',
      age: ''
    },
    records: []  // 已有的记录数组
  }
}

<table>
  <tr>
    <td><input v-model="newRecord.id" type="text"></td>
    <td><input v-model="newRecord.name" type="text"></td>
    <td><input v-model="newRecord.age" type="text"></td>
    <td><button @click="addRecord">添加</button></td>
  </tr>
</table>

methods: {
  addRecord() {
    this.records.push(this.newRecord);
    this.newRecord = {
      id: '',
      name: '',
      age: ''
    };
  }
}