1 安装axios

cnpm install axios –save //保存到配置
这个和vue-resource不同的是,这个只在需要请求数据的地方引用,而vue-resource是全局的

2 App.vue中引用axios

<template>
  <div id="app">
    <ul>
      <li v-for="item in list">
          {{item.title}}
      </li>
    </ul>
  </div>
</template>

<script>
import Axios from 'axios';
export default {
  name: "app",
  data() {
    return {
      list:[],
    }
  },
  mounted(){
    var api="http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1";
    Axios.get(api).then((res)=>{
      console.log(res);
      this.list = res.data.result; //vue-resource 里是res.body.result
    },function(err){
      console.log(err);
    })
  }
};
</script>