Vue 使用axios获取数据

axios  的使用

1、安装  cnpm  install  axios --save

2、哪里用哪里引入axios

<script>

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指向问题

this.list = response.data.result;

}).catch((error) => {

console.log(error);

})

}

}

}

</script>