Vue-使用axios请求数据

<script src="../lib/axios.min.js"></script>
<script src="../lib/vue-2.4.0.js"></script>
<div id="app">
	<input type="button" value="Get请求" @click="getInfo">
	<input type="button" value="Post请求" @click="postInfo">
</div>

// Vue中没有$http,需要自定义一下
// 把axios挂载到Vue 构造函数的原型上
Vue.prototype.$http = axios;
var vm = new Vue({
	el: '#app',
	data: {},
	methods: {
		// async getInfo(){
		// 	var { data } = await axios.get('https://jsonplaceholder.typicode.com/todos/1');
		// 	console.log(data);
		// },
		async getInfo(){
			var { data } = await this.$http.get('https://jsonplaceholder.typicode.com/todos/1');
			console.log(data);
		},
		async postInfo(){
			var { data } = await this.$http.post('http://jsonplaceholder.typicode.com/users',{name: '小红', sex: '男'});
			console.log(data);
		}
		// axios不支持jsonp跨域请求
	}
})