vue使用axios入门实例

入门axios操作实例

1、安装Axios

> cnpm i --save --save-exact axios vue-axios	

2、配置main.js

> import axios from 'axios'  
> import VueAxios from 'vue-axios'
> Vue.use(VueAxios,axios);

3、使用

<template>
	<div>{{msg}}</div>
</template>

<script>
	export default{
		name:'test',
		data(){
			return{
				msg:''
			}
		},
		mounted(){
			this.axios.post('http://api.komavideo.com/news/list').then(body => {
				this.msg = body.data;
			})
		}
	}
</script>

<style>
</style>

4、启动

cnpm run dev