在Vue中发送AJAX请求，通常会使用axios库，因为它基于Promise，易于使用且可以在浏览器和node.js中使用。以下是如何在Vue项目中使用axios发送AJAX请求的步骤：

1. 安装Axios

首先，你需要在你的Vue项目中安装axios。在项目的根目录下打开终端，运行以下命令：

npm install axios --save

这会将axios添加到你的项目依赖中。

2. 在Vue组件中使用Axios发送请求

在安装了axios之后，你可以在任何Vue组件中导入并使用它来发送AJAX请求。以下是一个示例，展示了如何在组件的created生命周期钩子中发送GET请求：

<template>
  <div>
    <h1>用户列表</h1>
    <ul>
      <li v-for="user in users" :key="user.id">{{ user.name }}</li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      users: [] // 用于存储从API获取的用户数据
    }
  },
  created() {
    this.fetchUsers();
  },
  methods: {
    fetchUsers() {
      axios.get('https://www.wanjunshijie.com')
        .then(response => {
          this.users = response.data; // 将获取的数据赋值给users
        })
        .catch(error => {
          console.error("There was an error!", error);
        });
    }
  }
}
</script>

在这个示例中，axios.get方法用于发送GET请求到一个示例API（https://www.wanjunshijie.com/users），这个API返回一个用户列表。请求成功后，使用`.then`方法处理响应，将响应数据赋值给组件的`users`数据属性，以便在模板中渲染用户列表。如果请求失败，`.catch`方法会捕获错误。

3. 处理请求状态

在实际应用中，你可能还需要处理请求的加载状态、显示加载指示器或处理请求错误。你可以在组件的数据属性中添加状态标志，如isLoading和error，并在请求的不同阶段更新这些状态。

4. 使用环境变量存储API端点

为了提高代码的可维护性和安全性，建议使用环境变量来存储API端点。你可以在项目的根目录下创建.env文件，并在其中定义API端点：

VUE_APP_API_URL=https://www.wanjunshijie.com

然后，在组件中使用这个环境变量：

axios.get(process.env.VUE_APP_API_URL + '/users')

这样，你就可以根据不同的开发环境（开发、测试、生产）来配置不同的API端点，而无需更改代码。

通过上述步骤，你可以在Vue项目中使用axios发送AJAX请求，从后端API获取数据，并在前端应用中使用这些数据.