Vue简单创建一个项目（五）

所有的项目都是对数据的操作，当今社会发展迅速的原因就是大数据的时代来临了，当后端提供数据接口的时候，我们就要充分利用数据。

请求数据的模块：
一、官方提供：

vue-resource

先安装它，在项目文件夹下输入下面的指令:

cnpm install vue-resource --save

其中**–save**的意思是将他保存到package包文件中.

安装好了以后，vue的插件就必须要在main.js中引入使用:

import VueResource from ‘vue-resource’

vue.use(VueResource);

在相应的组件内使用方法：

methods:
        {
          getData(){
            //请求数据

            var api='http://xxxxxxxxxxxxx';//数据接口


            this.$http.get(api).then((response)=>{
              console.log(response);

              //注意this指向

              this.list=response.body.result;



            },function(err){

              console.log(err);

            })

          }
        }

二、第三方提供：
axios的使用

安装：

cnpm install axios --save

哪里用哪里引入

import Axios from "axios";

data:{list:[]},methods:{getAxiosData(){

              var api='http://xxxxxxxxxxxxxxxx';

              Axios.get(api).then((response)=>{
                this.list=response.data.result;
              }).catch((error)=>{
                console.log(error);

              })


          },
          }