Vue-resourse 实现get,post,jsonp请求

<div id="app">
	<input type="button" name="" value="get请求" @click="getInfo">
	<input type="button" name="" value="post请求" @click="postInfo">
	<input type="button" name="" value="jsonp请求" @click="jsonpInfo">
</div>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<!-- vue-resource依赖于vue -->
<!-- this.$http.get / post /jsonp -->
<script src="https://cdn.jsdelivr.net/npm/vue-resource@1.5.1"></script>
<script type="text/javascript">
	var vm = new Vue({
		el:'#app',
		data:{

		},
		methods:{
			getInfo:function () {
				// 当发起get请求之后通过 .then设置成功的回调函数
				this.$http.get('http://jsonplaceholder.typicode.com/users').then(result=>{
					// sucess callback
					console.log(result.body)
				},result=>{
					//error callback
				})
			},
			postInfo:function(){
				this.$http.post('http://jsonplaceholder.typicode.com/users',{},{ emulateJSON : true }).then(result=>{
					console.log(result.body)
				})
			},
			jsonpInfo:function(){
				// 发起jsonp请求
				this.$http.jsonp('http://jsonplaceholder.typicode.com/users').then(function(result){
					console.log(result.body)
				})
			}
		},
	})
</script>