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>