现在vue一般用什么发请求

Vue可以使用多种方式进行网络请求，常用的有以下几种方式：

1. 使用Axios库：Axios是一个基于Promise的HTTP库，可以在Vue中方便地进行网络请求。首先，需要安装Axios库，在Vue的实例中引入Axios，并通过发送HTTP请求的方法，如get、post等，进行数据的发送和接收。

2. 原生的fetch API：Vue中也可以使用原生的fetch API进行网络请求。fetch API是现代浏览器提供的原生API，可以发送和接收HTTP请求。使用fetch API可以直接在Vue组件中进行网络请求，不需引入其他第三方库。

3. Vue的官方插件Vue-resource：Vue-resource是Vue官方提供的插件，用于在Vue中进行网络请求。它提供了一些方法，如$http.get、$http.post等，方便地进行HTTP请求。

以上几种方式都可以在Vue中进行网络请求，具体选择哪种方式取决于个人需求和项目特点。Axios和Vue-resource是两个比较常用的网络请求库，提供了更多的功能和配置选项，适用于大多数项目。而fetch API是原生的浏览器API，使用起来更为底层，适用于对底层请求控制要求较高的项目。根据项目需求，选择合适的方式进行网络请求即可。

在Vue中，我们可以使用不同的方法来发送请求。以下是几种常用的方法：

1. 使用Axios
   Axios是一个常用的基于Promise的http客户端，可以用于发送请求并处理响应。它支持浏览器和Node.js，并且可以与Vue无缝集成。

要使用Axios，首先需要通过npm或者cdn引入Axios库。然后在Vue组件中使用它的API来发送请求。例如：

import axios from 'axios';

axios.get('/api/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

以上代码使用Axios发送了一个GET请求，并在请求成功后打印出响应数据。你可以根据需要使用不同的Axios方法来发送其他类型的请求。

2. 使用Vue-resource
   Vue-resource是Vue官方推荐的HTTP客户端插件。它使用Promise实现异步操作，提供了灵活的API和拦截器，简化了数据请求和处理过程。

要使用Vue-resource，首先需要通过npm或者cdn引入Vue-resource库。然后在Vue组件中使用它的API来发送请求。例如：

import Vue from 'vue';
import VueResource from 'vue-resource';

Vue.use(VueResource);

Vue.http.get('/api/data')
  .then(response => {
    console.log(response.body);
  })
  .catch(error => {
    console.log(error);
  });

以上代码使用Vue-resource发送了一个GET请求，并在请求成功后打印出响应数据。你可以根据需要使用不同的Vue-resource方法来发送其他类型的请求。

3. 使用fetch API
   fetch是浏览器提供的一种用于发送HTTP请求的API，它基于Promise，支持异步操作，并且易于使用。在Vue中，我们可以直接使用fetch API来发送请求。

例如，使用fetch发送一个GET请求并处理响应：

fetch('/api/data')
  .then(response => response.json())
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.log(error);
  });

以上代码使用fetch发送了一个GET请求，并在请求成功后将响应数据解析为JSON格式，并打印出来。你可以根据需要使用不同的fetch方法来发送其他类型的请求。

4. 使用XMLHttpRequest对象
   除了以上提到的库和API，你还可以使用原生的XMLHttpRequest对象来发送请求。Vue组件中可以使用XMLHttpRequest对象来发送HTTP请求，并处理响应。

例如，使用XMLHttpRequest发送一个GET请求并处理响应：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send();

以上代码使用XMLHttpRequest发送了一个GET请求，并在请求成功后打印出响应数据。

总结：
以上是几种常用的方法来在Vue中发送请求。你可以根据自己的需求选择合适的方法，并在代码中使用相应的API来发送请求并处理响应。无论使用哪种方法，都应注意错误处理和安全性。

在Vue框架中，可以使用多种方式发起请求，常见的有以下几种：

1. 使用原生的XMLHttpRequest对象：Vue可以直接使用原生的XMLHttpRequest对象来发起HTTP请求。可以通过在Vue组件中使用mounted钩子函数或者methods中的方法来创建XMLHttpRequest对象，并发送请求。

mounted() {
  const xhr = new XMLHttpRequest();

  xhr.open('GET', 'http://api.example.com/data', true);

  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
      const data = JSON.parse(xhr.responseText);
      console.log(data);
    }
  };

  xhr.send();
}

2. 使用Vue封装的axios库：axios是一个基于Promise的HTTP库，它可以用于浏览器和Node.js环境中。在Vue中使用axios可以更方便地进行HTTP请求的发送和处理。

可以先使用npm或yarn安装axios库：

npm install axios

然后在Vue组件中引入axios，并使用它发送HTTP请求。

import axios from 'axios';

mounted() {
  axios.get('http://api.example.com/data')
    .then(response => {
      console.log(response.data);
    })
    .catch(error => {
      console.error(error);
    });
}

3. 使用Vue官方推荐的vue-resource库：vue-resource是Vue官方推荐的发起HTTP请求的库。类似于axios，vue-resource也是基于Promise的HTTP库，可以用于浏览器和Node.js环境。

可以先使用npm或yarn安装vue-resource库：

npm install vue-resource

然后在Vue的入口文件中引入并使用Vue.use()方法来注册vue-resource。

import Vue from 'vue';
import VueResource from 'vue-resource';

Vue.use(VueResource);

mounted() {
  this.$http.get('http://api.example.com/data')
    .then(response => {
      console.log(response.body);
    })
    .catch(error => {
      console.error(error);
    });
}

以上是几种常见的在Vue中发起HTTP请求的方法，选择适合自己项目需求的方法进行使用即可。