当在Vue.js应用程序中进行异步请求时，Vue.js使我们能够使用它在“vue-resource”和“axios”两个包中提供的两种不同方式。这两种方式都可以很容易地在Vue.js中创建和使用XHR请求。现在，我们来看一下如何使用这两种方式进行异步请求。
使用vue-resource进行异步请求
步骤一：安装vue-resource
在Vue.js项目中使用vue-resource之前，你应该先使用npm将它安装为依赖项：
npm install vue-resource --save
步骤二：创建实例并发送请求
在你的Vue.js组件中，你可以通过以下方式创建一个vue-resource实例并使用它发送XH请求：
<script>
import Vue from 'vue';
import VueResource from 'vue-resource';
Vue.use(VueResource);
export default {
methods: {
fetchPosts() {
this.$http.get('http://jsonplaceholder.typicode.com/posts')
.then(response => this.posts = response.body)
.catch((error) => console.log(error));
}
}
}
</script>
这个示例中，我们首先从vue中引入了“VueResource”，然后使用“Vue.use”安装了它。在fetchPosts方法中，我们使用$http服务来发送一个GET请求，该请求获取'http://jsonplaceholder.typicode.com/posts' URL。然后，在成功响应处理期间，我们使用“response.body”返回post数据，这将赋值给我们的“posts”数组。在请求出现问题时，有一个.catch回调可供我们处理错误信息。
使用"axios"进行异步请求
步骤一：安装axios
在开始使用axios发送异步请求之前，你可以使用npm将其作为依赖项进行安装：
npm install axios --save
步骤二：添加.vue文件代码
在组件的
