Vue.js實訓(xùn)【基礎(chǔ)理論(5天)+項目實戰(zhàn)(5天)】博客匯總表【詳細(xì)筆記】

目? ?錄

5、axios

5.1、axios安裝

5.2、axios使用

5.2.1、在需要使用的組件里引入

5.2.2、發(fā)送請求

5.2.3、傳遞參數(shù)

5.2.4、練習(xí)接口

---

5、axios

• 注意： axios不是Vue的技術(shù)點。 它是一個http請求庫！ 可以理解為一個http的請求插件。

• 只不過我們在Vue開發(fā)的時候，數(shù)據(jù)請求的時候---->通常喜歡使用axios。

5.1、axios安裝

cnpm i axios --save

5.2、axios使用

5.2.1、在需要使用的組件里引入

import axios from "axios"

5.2.2、發(fā)送請求

axios.get(地址).then(function(res){// res.data 就是后臺返回的數(shù)據(jù)！ })

5.2.3、傳遞參數(shù)

axios.get(地址?屬性名=值&屬性名2=值2).then(function(res){// res.data 就是后臺返回的數(shù)據(jù)！ })

根據(jù)請求回來數(shù)據(jù)，賦給data里面的變量。然后去渲染頁面。

5.2.4、練習(xí)接口

• http://122.51.249.55:3000/index.php/Api/Index/home

• http://122.51.249.55:3000/index.php/Api/Goods/goodsCategoryList

• http://122.51.249.55:3000/index.php/Api/Goods/goodsSecAndThirdCategoryList 傳遞parent_id參數(shù)， 參數(shù)值是父級的分類id

多謝觀看~

總結(jié)

以上是生活随笔為你收集整理的Vue.js-Day04-PM【axios（安装、使用）】的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。