xhr、jQuery、axios、fetch、vue-resource简单了解和对比-5. vue-resource

1. vue-resource早期Vue1.0时候使用较多，是Vue团队维护，后面交给了其他团队在维护，是Vue的一个插件库，也是对xhr的封装。目前维护的频率不高，所有还是推荐使用axios。
2. 安装：npm i vue-rsource
3. 使用：在main.js中引入和使用插件，然后全局可以使用this.$http.

//引入Vue
import Vue from 'vue'
//引入App
import App from './App.vue'
//引入插件
import vueResource from 'vue-resource'
//关闭Vue的生产提示
Vue.config.productionTip = false
//使用插件
Vue.use(vueResource)

//创建vm
new Vue({
	el:'#app',
	render: h => h(App),
	beforeCreate() {
		Vue.prototype.$bus = this
	},
})

<template>
	<div>
		<button @click="getStudents">获取学生信息</button>
	</div>
</template>

<script>
	export default {
		name:'App',
		methods: {
			getStudents(){
				this.$http.get('http://localhost:8080/students').then(
					response => {
						console.log('请求成功了',response.data)
					},
					error => {
						console.log('请求失败了',error.message)
					}
				)
			},
			
		},
	}
</script>