VUE接口编写

在Vue中编写接口可以使用Axios库来发送HTTP请求。Axios是一个基于Promise的HTTP客户端，可以在浏览器和Node.js中使用。以下是一个简单的示例：

1. 安装Axios

在终端中输入以下命令安装Axios：

npm install axios

2. 创建API文件

在Vue项目中创建一个api.js文件，用于存放所有的接口请求。在该文件中导入Axios，然后编写请求方法。例如：

import axios from 'axios'

// 获取用户信息接口
export const getUserInfo = (userId) => {
  return axios.get(`/api/user/${userId}`)
}

// 更新用户信息接口
export const updateUserInfo = (userId, data) => {
  return axios.put(`/api/user/${userId}`, data)
}

// 删除用户信息接口
export const deleteUserInfo = (userId) => {
  return axios.delete(`/api/user/${userId}`)
}

3. 使用API

在Vue组件中导入API文件，并在需要的地方调用API方法。例如：

<template>
  <div>
    {{ userInfo }}
    <button @click="updateUser">更新用户信息</button>
  </div>
</template>

<script>
import { getUserInfo, updateUserInfo } from './api'

export default {
  data() {
    return {
      userInfo: {}
    }
  },
  mounted() {
    this.getUser()
  },
  methods: {
    getUser() {
      getUserInfo('123').then(res => {
        this.userInfo = res.data
      })
    },
    updateUser() {
      updateUserInfo('123', { name: 'Tom', age: 20 }).then(() => {
        this.getUser()
      })
    }
  }
}
</script>

以上是一个简单的Vue接口编写示例，你可以根据自己的需求进行修改和扩展。