如何从vue对象中动态提取数据，用于POST请求到后端？

data() {
  return {
    formData: {
      username: '',
      password: ''
    }
  }
}

<input v-model="formData.username" type="text" placeholder="用户名">
<input v-model="formData.password" type="password" placeholder="密码">

methods: {
  submitForm() {
    // 提取formData数据
    const postData = this.formData;

    // 发送POST请求
    axios.post('/api/submit', postData)
      .then(response => {
        // 处理请求成功的逻辑
      })
      .catch(error => {
        // 处理请求失败的逻辑
      });
  }
}