小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

1、请求数据模板

（1）vue-resource--官方提供的一个插件 （2）axios （3）fetch-jsonp

2、vue-resource（官方提供的插件）请求数据\

（1）需要安装vue-resource模块,注意加--save（将依赖写入package.json），不然项目移交到其他电脑会报错。

npm install vue-resource --save /  cnpm install vue-resource --save  

（2）main.js引入 vue-resource

  import VueResource from 'vue-resource';

（3）main.js  

Vue.use(VueResource);

（4）组件里面直接使用

this.$http.get(地址).then(function(){ 
    })   
//数据api:http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1

（5）使用组件后的效果如下：

3、axios请求数据

（1）安装axios

cnpm install axios --save

（2）在组件中引入

import Axios from "axios"

(3)在组件中使用\

        getData(){           
        let api = 'http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=2';            
        Axios.get(api).then((response)=>{    
            this.list = response.data.result;            
        }).catch((err)=>{
            console.log(err)           
            })    
       }

4、fetch-jsonp请求数据

            fetch-jsonp请求数据的方法与axios一样。

5、报错：request to registry.npmjs.org/axios failed, reason: connect ETIMEDOUT 104.16.26.35:443

    原因是npm配置的代理（可用"npm config list -l"命令查看npm配置）

    其中有这条配置https-proxy = "http://proxy-server-address:8080/" ，使用"npm config delete https-proxy"命令删除即可正常下载