axios的基本用法與併發請求
阿新 • • 發佈:2020-08-13
一、axios的基本用法
<router-linkto=""class="a1"@click.native="logins">登陸</router-link>
這三個直接請求
Axios.get()
Axios.post()
Axios({})
建立一個axios例項,沒有傳送請求,create裡面也是配置項
Axios.create({
})
二、axios的併發請求
1. axios.all() 和 promise.all() 方法是一個道理
2. axios.all() 這個方法在 axios 的建構函式是沒有的,沒在例項物件上。
3. 如果使用 axios.all 就不能使用封裝的 axios了,因為all 是 axios 特有的方法,封裝axios沒有這個方法。
4. 當在一個元件,需要傳送多個ajax請求,如下,他們之間不會相互響應,因為是非同步的,但是這樣寫 1. ajax請求過多對頁面效能可能會有影響,以及程式碼不美觀,程式碼過於臃腫,所以我們可以使用 axios的併發請求axios.all()
5. all 方法是一個數組
上面有兩個資料,我們如何拿到 資料 1 或 資料2呢,就把res賦給一個數組變數,res是一個數組 可以解構。
then(res => { 上面有兩個資料,我們如何拿到 資料1或資料2呢,就把res賦給一個數組變數 var res1,res2 [res1,res2] = res console.log(res1) })
作者:晉飛翔
手機號(微信同步):17812718961
希望本篇文章 能給正在學習 前端的朋友 或 以及工作的朋友 帶來收穫 不喜勿噴 如有建議 多多提議 謝謝!!!