【被遗弃者】Vue-resource-实现数据请求

107 阅读1分钟

定位:vue早期数据请求插件

vue-resource特点

  1. 体积小

  2. 支持主流浏览器:除了不支持IE 9以下的浏览器,其他主流的浏览器都支持

  3. 支持Promise API

  4. 支持URI Templates:URI Templates表示URI模板,有些类似于ASP.NET MVC的路由模板

  5. 支持拦截器

  6. 是对于xhr的封装

安装

npm install vue-resource --save-dev

调用

Vue.http[方法名](url, [options])

vm.$http[方法名](url, [options])

引入vue-resource后,可以基于全局的Vue对象使用http,也可以基于某个Vue实例使用$http

// 基于全局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);