vue怎样将页面填的数据传送给后端的接口

要将页面填写的数据传送到后端接口，可以使用Vue的Axios插件来发送HTTP请求。以下是一个示例：

1. 安装Axios插件

npm install axios --save

2. 在Vue组件中引入Axios

import axios from 'axios'

3. 在Vue组件中定义数据和发送请求

在Vue组件中，可以使用`data`属性定义需要传递到后端的数据。然后，使用Axios的`post`方法发送HTTP POST请求，将数据发送到后端接口。以下是一个示例：

<template>
  <div>
    <input v-model="name" placeholder="Name">
    <input v-model="email" placeholder="Email">
    <button @click="submitForm">Submit</button>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data () {
    return {
      name: '',
      email: ''
    }
  },
  methods: {
    submitForm () {
      // 发送HTTP POST请求
      axios.post('/api/submit-form', {
        name: this.name,
        email: this.email
      })
      .then(response => {
        console.log(response.data)
      })
      .catch(error => {
        console.log(error)
      })
    }
  }
}
</script>

在上面的示例中，`submitForm`方法使用Axios的`post`方法发送HTTP POST请求，将数据`name`和`email`发送到后端接口`/api/submit-form`。成功发送请求后，可以在控制台中打印出响应数据。如果出现错误，则将错误信息打印到控制台中。