使用ajax库

使用ajax库—axios

1、安装axios：npm i --save --save-exact axios vue-axios

2、在mian.js中导入axios：import axios from 'axios'

　　　　　　　import VueAxios from 'vue-axios'

3.注册到Vue全局组件中：Vue.use(VueAxios,axios)

HelloWorld.vue

 1 <template>
 2   <div class="hello">
 3     <pre>{{content}}</pre>
 4   </div>
 5 </template>
 6 
 7 <script>
 8 export default {
 9   name: 'HelloWorld',
10   data () {
11     return {
12       content: []
13     }
14   },
15   mounted(){
16     this.axios.post('http://api.komavideo.com/news/list').then(body=>{
17       this.content=body.data;
18     })
19   }
20 }
21 </script scoped>
22 
23 </style>