Vue.js-Day04-PM【axios（安裝、使用）】

目   錄

5、axios

5.1、axios安裝

5.2、axios使用

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

5.2.2、發送請求

5.2.3、傳遞參數

5.2.4、練習接口

---

5、axios

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

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

5.1、axios安裝

cnpm i axios --save

5.2、axios使用

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

import axios from "axios"

5.2.2、發送請求

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

5.2.3、傳遞參數

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

根據請求回來數據，賦給data裏面的變量。然後去渲染頁面。

5.2.4、練習接口

• 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參數， 參數值是父級的分類id

多謝觀看~