vue怎么把当前页面填写的数据传给后端接口

要将当前页面填写的数据传递给后端接口，可以使用 Vue.js 的 Ajax 库（例如 axios 或者 vue-resource）向后端发送 POST 请求。以下是一个基本的示例代码：

<template>
  <div>
    <form @submit.prevent="submitForm">
      <label>姓名: </label>
      <input type="text" v-model="name">
      <br>
      <label>年龄: </label>
      <input type="text" v-model="age">
      <br>
      <button type="submit">提交</button>
    </form>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      name: '',
      age: ''
    };
  },
  methods: {
    submitForm() {
      axios.post('/api/submit-data', {
        name: this.name,
        age: this.age
      })
      .then(response => {
        console.log(response.data);
      })
      .catch(error => {
        console.log(error);
      });
    }
  }
};
</script>

在这个示例中，我们使用了一个表单来收集用户输入的数据，并在表单提交时调用 `submitForm` 方法。在 `submitForm` 方法中，我们使用 axios 库向 `/api/submit-data` 接口发送 POST 请求，并将用户输入的数据作为请求体发送给后端。在请求成功时，我们在控制台打印了返回的响应数据。如果请求遇到错误，我们也在控制台打印了错误信息。