周大胖子 发表于 2018-11-24 00:22:03

VUE 请求数据 vue-resource 和 Axios

先掰扯一下 vue-resource 如何使用:
1. 安装vue-resource:   cnpm install vue-resource
2. 在main.js中引入 即可全局使用【axios哪个页面用那个页面就引入】: import VueResource from 'vue-resource'
3. 使用该插件 :在main.js 中写入 Vue.use(VueResource );
4. 在页面组件中使用:
var api = '      this.$http.get(api).then((response)=>{
          //注意这里的this 指向问题,箭头函数的话无需更改 非箭头函数需要外部声明 let that = this
          console.log(response)
          // 在这做相关操作。例如对 this.list 进行更改
      },(err)=>{
          console.log(err)
      })


再呱唧呱唧 Axios 如何使用 【其实 Axios在很多的地方可以用 node.react】
1. 先安装:cnpm install Axios --save
2. 引入【哪里页面需要就在哪引入】: import Axios from 'axios3. 使用
    ,getinfo(){
      var api = '      Axios.get(api).then((response)=>{
          //注意这里的this 指向问题,箭头函数的话无需更改 非箭头函数需要外部声明 let that = this
          console.log(response)
          // 在这做相关操作。例如对 this.list 进行更改
      },(err)=>{
          console.log(err)
      })
    }

其实,还有一个叫做 fetchJsonp 的请求方式, 用来弥补 Axios不能跨域的缺陷, 使用方法与Axios相同


参考文献:https://www.jianshu.com/p/836023d7931d


页: [1]
查看完整版本: VUE 请求数据 vue-resource 和 Axios