2021-04-17

vue请求获取数据的方式：

一、vue-resource方式请求获取数据
1、npm/cnpm安装：
npm install vue-resource --save
或 cnpm install vue-resource --save（使用淘宝镜像快速安装）
–save目的是在package.json中引用，表示在生产环境中使用。因为如果想要打包代码给其他人或者上传到github，又或者要发布代码时，package.json就是安装所需要的包。若只在开发环境中使用，则只需要–save-dev。
2，在main.js入口文件中引入vue-resource并使用
import VueResource from ‘vue-resource’
Vue.use(VueResource )

3，在项目中用this.$http.get()等调用

二、axios方式请求获取数据
1、npm安装：
npm iinstall axios --save
2、在main.js中import导入并调用。注意：每次调用用一次aixos就需要在该页面调用一次，而vue-resource不同，vue-resource是绑定了全局的了。

三，fetch-jsonp方法请求获取数据
详情可看GitHub

以下为一个使用axios方法请求获取数据的一个实例：
在main.js中：

在单组件页面中：