如何将Vue关联数组转换为HTML表单输入值

data() {
  return {
    formValues: {
      name: '',
      age: '',
      email: ''
    }
  }
}

<form>
  <label for="name">Name:</label>
  <input type="text" id="name" v-model="formValues.name">

  <label for="age">Age:</label>
  <input type="number" id="age" v-model="formValues.age">

  <label for="email">Email:</label>
  <input type="email" id="email" v-model="formValues.email">
</form>

methods: {
  submitForm() {
    console.log(this.formValues.name); // 输出输入的姓名
    console.log(this.formValues.age); // 输出输入的年龄
    console.log(this.formValues.email); // 输出输入的邮箱
  }
}