vue-resource是vue.js的一款外掛程式，它可以通過xmlhttprequest或jsonp發起請求並處理響應，也就是說，jquery中ajax能做的事情，vue-resource外掛程式一樣也能做到，而且vue-resource的api更為簡潔。此外，vue-resource還提供了非常有用的inteceptor功能，使用inteceptor可以在請求前和請求後附加一些行為，比如使用inteceptor在ajax請求時顯示loading介面。
vue-resource是不是已經不那麼陌生了，接下來我們就來看看vue-resouce的具體使用方法：
//因為vue-resource依賴於vue.js，所以要先引入vue.js
引入外掛程式以後，我們再來看看它怎麼使用：
//全域性引用
//基於某個vue例項使用
可以看到，在發出請求以後，會有乙個then對callback進行處理，看到then我們就會想到es6裡面的promise函式，這裡確實是在promise的基礎上進行封裝的。為了方便，我們可以在**函式中使用箭
頭函式，示例如下：
vue-resource總共提供了7種請求api，如下所示：
值得注意的是api中的options屬性，傳送請求時的options選項物件包含以下屬性：
引數型別
描述url
string請求的url
method
string請求的http方法，例如：'get', 'post'或其他http方法
body
object,formdatastringrequest body
params
object請求的url引數物件
headers
objectrequest header
timeout
number單位為毫秒的請求超時時間 (
0表示無超時時間)before
function(request)請求傳送前的處理函式，類似於jquery的beforesend函式
progress
function(event)progressevent**處理函式
credentials
boolean表示跨域請求時是否需要使用憑證
傳送put, patch, delete請求時以http post的方式傳送，並設定請求頭的
x-http-method-overrideemulatejson
booleanresponse物件包含以下屬性：
方法型別
描述text()
string以string形式返回response body
json()
object以json物件形式返回response body
blob()
blob以二進位制形式返回response body
屬性
型別
描述
ok
boolean響應的http狀態碼在200~299之間時，該屬性為true
status
number響應的http狀態碼
statustext
string響應的狀態文字
headers
object響應頭
vue resource使用筆記
基本語法 基於全域性vue物件使用http 在乙個vue例項內使用 http 7種請求api options物件 引數 型別 描述 urlstring 請求的 urlmethod string 請求的 方法，例如 get post 或其他 方法body object formdata string ...
vue使用vue resource,進行網路請求
首先使用vue resource,需要安裝 下面我寫的乙個例子 網路請求應該作為全域性的,所以在專案的man.js中匯入並使用它 import vueresource from vue resource vue.use vueresource 然後就是在自己寫的元件中使用了,怎麼寫元件請看我前面的文...
vue resource 使用過程的坑
一.get 傳參的坑 加params物件傳參 不能直接get url,params vue resource 預設採用 request payload 形式即 json 資料，後台需要在 請求體 中獲得引數 若後台需通過表單的方式 即在 url 中 獲得引數，有如下三種方案 在vue例項中新增hea...