Axios

相当于ajax
一、安装
二、引入加载
import axios from 'axios'
三、将axios全局挂在到vue原型上
Vue.prototype.xxx = axios
四、发出请求

  • get请求
    this.$http.get(url,{})
Vue.prototype.$http = axios  //全局挂载到vue上
getData(){
      this.$http.get('https://cnodejs.org/api/v1/topics',{
        params:{
          page:1,
          limit: 10
        }
      })
      .then(
        res=>{ //箭头函数内this跟父元素this代表一致
          this.items = res.data.data;
        })
  • post请求
    需要安装qs插件---qs.stringify
import qs from 'qs'
 postData(){
      //需要先安装qs插件,并且引入qs
      this.$http.post(url,qs.stringify({
        page: 1,
        limit: 15
      }))
      .then(
        res=>{ //箭头函数内this跟父元素this代表一致
          this.items = res.data.data;
        })

你可能感兴趣的:(Axios)