在vuejs中使用ajax获取表单组件

<template>
  <div>
    <form @submit.prevent="submitForm">
      <input type="text" v-model="formData.name" placeholder="Name">
      <input type="email" v-model="formData.email" placeholder="Email">
      <button type="submit">Submit</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        name: '',
        email: ''
      }
    };
  },
  mounted() {
    // 在这里发送Ajax请求
    axios.get('/api/formdata')
      .then(response => {
        this.formData = response.data;
      })
      .catch(error => {
        console.log(error);
      });
  },
  methods: {
    submitForm() {
      // 在这里提交表单数据
      axios.post('/api/submit', this.formData)
        .then(response => {
          console.log(response.data);
        })
        .catch(error => {
          console.log(error);
        });
    }
  }
};
</script>