VUE学习之路（3）-vue请求数据

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sinat_28789467/article/details/86608713

vue-resource请求数据

vue-resource请求数据方式是官方提供的一个插件

1、安装vue-resource

#安装插件
npm install vue-resource --save
#或者使用国内镜像
cnpm install vue-resource --save

--save是为了在package.json中引用,防止离开你的本机开发环境后不能使用的情况

2、引入vue-resource

#1、引入插件
import VueResource from 'vue-resource';
#2、vue上下文环境引入该插件
Vue.use(VueResource);

3、使用案例

var api_url = "http://192.168.250.106:8002/musicGroupInfo";
this.$http.get(api_url)
.then(function(data){
    console.log(data);
})
.catch(function(error){
    console.log(error);
});