一、安裝
cd 項目的目錄
npm install --save --save-exact axios vue-axios
vue-axios可選擇的安裝，推薦安裝
二、使用 在main.js文件加入下面代碼進行引入
improt axios from 'axios'
improt axios from 'VueAxios' from ''vueaxios
Vue.use (VueAxios,axios)
三、在具體的.vue中使用如下
<template>
<div>
? <pre>
? ? {{content}}
? </pre>
</div>
</template>
<script>
export default {
? name: 'Test',
? data(){
? ? return {
? ? ? content:""
? ? };
? },
? mounted(){//界面啟動運行，估計是vue的生命周期
? this.axios.post("http://api.komavideo.com/news/list").then(body=>{
? ? this.content=body.data;
? });
? }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style >
</style>
運行效果：
運行效果
這樣就獲取到了接口的數(shù)據(jù)
