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

<template>
  <div class="hello">
    <div>
      {{title}}
    </div>
    <hr>
    <button @click="convert">点击获取数据</button>
  </div>
</template>

<script>
  import axios from 'axios'
  export default {
    name: 'HelloWorld',
    data() {
      return {
        title: "静态数据"
      }
    },
    //在这里调用ajax请求方法
    created(){
      this.convert();
    },
    methods: {
      convert: function () {
        axios.get("api/sysUser/getSomething").then(res => {
          this.title = res.data;
        })
      }
    }
  }
</script>

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)
        })