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. 在页面组件中使用：

1. var api = '      this.$http.get(api).then((response)=>{
2.           //注意这里的this 指向问题，箭头函数的话无需更改 非箭头函数需要外部声明 let that = this
3.           console.log(response)
4.           // 在这做相关操作。例如对 this.list 进行更改
5.       },(err)=>{
6.           console.log(err)
7.       })

复制代码

再呱唧呱唧 Axios 如何使用 【其实 Axios在很多的地方可以用 node.react】
1. 先安装:  cnpm install Axios --save
2. 引入【哪里页面需要就在哪引入】： import Axios from 'axios3. 使用

1.     ,getinfo(){
2.       var api = '      Axios.get(api).then((response)=>{
3.           //注意这里的this 指向问题，箭头函数的话无需更改 非箭头函数需要外部声明 let that = this
4.           console.log(response)
5.           // 在这做相关操作。例如对 this.list 进行更改
6.       },(err)=>{
7.           console.log(err)
8.       })
9.     }

复制代码

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


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