笔记之vue-resource请求数据

请求数据的模板： vue-resource  官方提供的 vue的一个插件     axios      fetch-jsonp

请求数据的模板之vue-resource

1.安装vue-resource模块

使用vue-resource 必须先在项目中进行安装，安装最好要在后面加上--save这样会自动写入到package.json中

2.main.js引入v-resource

3.main.js使用插件

4.在组建里面直接使用

这种写法引用this前先创建一个this变量

this.$http.get(地址).then(function(){

})

官方使用(注意：这种写法可以直接引用this)

    this.$http.get(地址).then((response)=>{

    })

例子：

export default{
      data(){
          return {
        list:[]
        }
    },
    methods:{
        getData(){
      //请求数据,返回json数据
      var api='http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1';
            this.$http.get(api).then((response)=>{
          console.log(response);
            //注意this指向
            this.list=response.body.result;
            },function(err){
                console.log(err);
            })