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

Vue.js实训【基础理论(5天)+项目实战(5天)】博客汇总表【详细笔记】

目   录

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

多谢观看~