vue发送请求----vue-resource

使用插件vue-resource 官方提供的接口，在vue官网找不到

但在github中可以找到

 

安装：cnpm install vue-resource --save

第一步：注意要加--save，如果不加，不会将插件写入package-json中，

 

第二部：在main.js中 import vueResource from 'vue-resource'

第三部：main.js 中vue.use(vueResource)

第四部：；在组件中直接使用vue-resource

 

 

注意这里的this指向，在vue里面箭头函数里面和外面this都指向了vue框架

 

mounted是页面刷新后保存数据的，也可以调用methods中的方法

 methods:{
    getData(){
         var api='http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1';
         console.log(this,"-----");
        this.$http.get(api).then((response)=>{
          console.log(this);
          console.log(response.body);
          this.list=response.body.result
          console.log(this.list);
      },function(err){

        console.log(err);
      })

    }

    
  },
  components:{
    'v-head':Head

  },
  mounted(){

    this.getData(); //f5刷新后，页面仍会数据
  }