引言
Vue (讀音 /vju?/,類似于 view) 是一套用于構建用戶界面的漸進式JavaScript框架,與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用,Vue 的核心庫只關注視圖層,方便與第三方庫或既有專案整合,我們都知道VUE更多是注重前段用戶界面的渲染合操作,但是如果想到實作前后端之間的互動呼叫后臺API,就需要借助其他組件,如今天要講到的Axios,下邊就重點講解axios在vue中的使用,
Axios,基于 Promise 的 HTTP 客戶端,可以作業于瀏覽器中,也可以在 node.js 中使用,
功能:
-
從瀏覽器中創建 XMLHttpRequest
-
從 node.js 中創建 http 請求
-
支持 Promise API
-
攔截請求和回應
-
轉換請求和回應資料
-
取消請求
-
自動轉換 JSON 資料
-
客戶端支持防止 XSRF 攻擊
1.安裝axios
cnpm i axios -S
2.方案一:修改原型鏈
首先,在main.js中引入

在這個時候,你還是無法在組件中使用axios的,但如果將vue改為vue的原型鏈,就可以解決這個問題,如下圖

3.開始發送請求


5.帶引數的請求
如果想要發送帶json格式引數的請求,則需要使用qs模塊來處理引數
首先在main.js中匯入qs模塊

然后使用qs處理引數

最侄訓傳結果如下

6.回呼函式的簡寫

7.注意
如果在vue中使用,那么vue中data中的資料無法通過this直接參考,需要做如下處理

至此,vue借助axios講解完了!
本文轉載自:https://www.cnblogs.com/fxwoniu/p/11539788.html
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/144555.html
標籤:Java
上一篇:抖音用的什么資料庫
下一篇:Spring詳細基本開發流程
