vue2.0：（七）、vueresource

本篇文章开始前&＃xff0c;先介绍下什么是vue-resource&＃xff0c;并且现在还有一个axios。

　　Vue.js是数据驱动的&＃xff0c;这使得我们并不需要直接操作DOM&＃xff0c;如果我们不需要使用jQuery的DOM选择器&＃xff0c;就没有必要引入jQuery。vue-resource是Vue.js的一款插件&＃xff0c;它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说&＃xff0c;$.ajax能做的事情&＃xff0c;vue-resource插件一样也能做到&＃xff0c;而且vue-resource的API更为简洁。

　　至于axios,vue更新到2.0之后&＃xff0c;作者就宣告不再对vue-resource更新&＃xff0c;而是推荐的axios,所以现在越来越多的人用axios。本文先用vue-resource做。运行成功后&＃xff0c;会尝试使用axios。下面切入正题&＃xff1a;

　　第一步&＃xff1a;main.js :第一步两个点&＃xff0c;一个导入一个使用。

代码&＃xff1a;

 第二步&＃xff1a;App.vue&＃xff0c;我们现在先要取到我们所需要的数据。

代码&＃xff1a;

在这里&＃xff0c;我们使用&＃xff1a;  this.$http.get(&＃39;/api/seller&＃39;).then() 从接口中取出数据并用console.log打印出来。

当然&＃xff0c;有export就要有import。接收的话就在header组件里面写上import。如下图&＃xff1a;

利用props去接收。这样在标签里面就能取到seller里面的东西了。

这就是最简单的v-resource的用法。