vue学习笔记02-网络请求库请求数据
一、vue-resource
vue官方原生库
1.安装
$ npm install vue-resource --save // --save是将库写入到package.json中,以防止别人打开你的项目时候报错
2.引入
import VueResource from 'vue-resource'
Vue.use(VueResource);
3.使用
export default {
data(){
},
methods:{
getData(){
const api='xxx';
this.$http.get(api).then((res)=>{
console.log(res);
},(err)=>{
console.log(err);
})
}
}
}
二、axios
1.安装
$ npm install axios --save
2.引用
import Axios from 'axios';
3.使用
export default {
data(){
},
methods:{
getData(){
const api='xxx';
Axios.get(api).then((res)=>{
console.log(res);
}).catch((err)=>{
console.log(err);
})
}
}
}