Vue实现Ajax和跨域请求主要是通过插件vue-resource。

特点：

1. 体积小：vue-resource非常小巧，在压缩以后只有大约12kb，服务端启用gzip压缩后只有4.5kb大小。
2. 支持主流的浏览器：除了不支持IE9以后的IE浏览器，其他主流浏览器都支持。
3. 支持Promise API和URI Templates：Promise是ES6的特性，用于异步计算；URI Templates表示URI模板，有些类似于ASP.NET.MVC的路由模板。
4. 支持拦截器：拦截器是全局的，拦截器可以在请求发送前和发送后做一些处理。

安装：

1. npm安装：npm install vue-resource --save-dev，在main.js中引入。

/*引入Vue框架*/
import Vue from 'vue'
/*引入资源请求插件*/
import VueResource from 'vue-resource'/*使用VueResource插件*/
Vue.use(VueResource)

2. cdn引入：

//一定要先引入vue.js
<script src="js/vue.js"></script>
<script src="js/vue-resource.js"></script>

语法：

引入之后，可以基于全局的Vue对象使用http，也可以基于某个Vue实例使用http。在发送成功后，使用then方法来处理响应结果，then方法有两个参数：第一个参数是响应成功后的回调函数，第二个参数是响应失败后的回调函数。

// 基于全局Vue对象使用http
Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
Vue.http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);// 在一个Vue实例内使用$http
this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);
this.$http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);

then方法的回调函数也有两种写法：第一种是传统的函数写法，第二种是更为简洁的ES6的Lambda写法。

// 传统写法
this.$http.get('/someUrl', [options]).then(function(response){// 响应成功回调
}, function(response){// 响应错误回调
});// Lambda写法
this.$http.get('/someUrl', [options]).then((response) => {// 响应成功回调
}, (response) => {// 响应错误回调
});

支持的HTTP方法：

除了jsonp以外，另外6种API名称是标准的HTTP方法。

1. get(url,[options])；
2. head(url,[options])；
3. delete(url,[options])；
4. jsonp(url,[options])；
5. post(url,[body],[options])；
6. put(url,[body],[options])；
7. patch(url,[body],[options])；

options对象：

1. url：请求的url；
2. methods：请求的HTTP方法；
3. body：请求体，request body；
4. params：请求的参数对象；
5. headers：请求头，request header；
6. timeout：超时时间，单位为毫秒；
7. before：请求发送前的处理函数，类似于jQuery的beforeSend函数；
8. progress：ProgressEvent回调函数；
9. credientials：表示跨域请求时是否需要凭证；
10. emulateHTTP：发送PUT、PATCH、DELETE请求时以HTTP POST的方式发送，并设置请求头的X-HTTP-Method-Override。

11. emulateJSON：将request body以application/x-www-form-urlencoded content type发送。