Vue 使用axios获取数据

Posted changedman

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>








以上是关于Vue 使用axios获取数据的主要内容,如果未能解决你的问题,请参考以下文章

Vue2.0用axios得到的数据怎么绑定

Vue 使用 Vuex 和 axios 获取接口数据

无法使用 Vue 和 Axios 从 API 获取数据

vue中如何使用echarts,使用axios获取数据

vue里的axios获取本地的json数据

vue项目中使用axios发送ajax