Vue实现让页面加载时请求后台接口数据_vue.js_

import VueResource from 'vue-resource' Vue.use(VueResource );

export default{         data(){             return {                   msg:'我是一个首页组件msg',                 flag:true,                 list:[]             }         },         methods:{               getData(){                     //请求数据                       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);                      })             }         },         mounted(){  /*生命周期函数*/                  this.getData();          }     }

import Axios from 'axios';     export default{         data(){             return {                                list:[]             }         },         methods:{               getData(){                                  var api='http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1';                 Axios.get(api).then((response)=>{                     this.list=response.data.result;                 }).catch((error)=>{                     console.log(error);                  })              }         },         mounted(){  /*生命周期函数*/               this.getData();         }           }

import  fetchJsonp  from  fetch-jsonp let domain=`http://api.douban.com/v2/movie/top250`         fetch(this.domain,{             start:0,             count:20,             method:'GET',             mode:'no-cors'         }).then(response=>{             console.log(response)             console.log(response.json())             return response.json()         }).then(res=>{             console.log(res)         }).catch(e=>{             console.log(e)         })