axios的安装及使用

axios

  • 注意: axios不是Vue的技术点。 他是一个http请求库! 可以理解为一个http的请求插件。
  • 只不过我们在Vue开发的时候,数据请求的时候通常喜欢使用axios。

1、axios如何安装

  • 在所创建的项目目录中调出cmd命令行窗口,输入以下指令
cnpm i axios --save

2、axios使用

  • 需要使用的组件里引入

    import axios from "axios"
    
  • 发送请求

    axios.get(地址).then(function(res){
    	 // res.data 就是后台返回的数据!
    })
    

    需要传递参数

    axios.get(地址?属性名=&属性名2=2).then(function(res){
    	 // res.data 就是后台返回的数据!
    })
    
  • 请求回来数据 赋给data里面的变量。然后去渲染页面

  • 这里提供几个接口:

    • 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

你可能感兴趣的:(vue.js)