vue调用接口新增数据

首先你需要在Vue中发起一个POST请求，将新增的数据发送到后端接口。可以使用Vue提供的axios库来发送请求。

下面是一个示例代码：

// 引入axios库
import axios from 'axios'

// 定义新增数据的函数
function addData(data) {
  // 发送POST请求
  return axios.post('/api/addData', data)
}

// 在Vue组件中调用addData函数
export default {
  methods: {
    async submitForm() {
      // 获取表单数据
      const formData = this.formData
      // 调用addData函数
      const response = await addData(formData)
      // 处理响应结果
      console.log(response.data)
    }
  }
}

在上面的代码中，我们定义了一个名为addData的函数，它接受一个data参数，并使用axios库发送一个POST请求到后端接口。在Vue组件的submitForm方法中，我们调用了addData函数，并等待响应结果。当接收到响应后，我们可以使用响应对象的data属性来获取返回的数据。