Vue请求数据

vue请求数据有Vue-resource、Axios、fetchJsonp三种方式。Vue-resource是Vue官方提供的插件，axios与fetchJsonp是第三方插件。

Vue-resource使用方式

1、安装

在命令行中进入到项目里，输入下面的命令，--save是为了将插件写入到项目的package.json中，防止项目交付时出现问题。

 cnpm install vue-resource --save 或者 npm install vue-resource --save

2、引入

在main.js中引入并使用Vue-resource，标注1 是引入Vue-resource 插件，标注2 使用该插件  

img 1

3、使用

img 2

Axios的使用方式

Axios是第三方插件，不仅能在Vue里使用，还能在nodejs、react中使用。

一、安装

在命令行中进入到项目里，输入下面的命令，--save是为了将插件写入到项目的package.json中，防止项目交付时出现问题。

 cnpm install Axios --save 或者 npm install Axios --save

二、引入

与Vue-resource的引入方式不同，axios是哪里需要就在哪里引用。

直接在需要数据请求的*.vue文件里用 import Axios form axios;引入就行了。

三、使用

fetchJsonp

Axios不支持jsonp请求，fetchJsonp支持jsonp请求，也能在react中使用，使用方式和axios一样。

总结：

三种方式中比较推荐vue官方提供的Vue-resource,它需要只在全局文件main.js中引用一次就行了，不用哪里需要哪里引用。