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]