Vue——vue-resource

最新推荐文章于 2022-10-20 21:12:54 发布

cc_xxo

最新推荐文章于 2022-10-20 21:12:54 发布

阅读量238

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/cc_xxo/article/details/123263616

版权

本文介绍了如何在Vue项目中安装并使用vue-resource进行HTTP请求，与axios进行了简单对比。通过示例展示了如何使用vue-resource发送GET请求，并处理成功与失败的响应。同时，提到了利用$bus进行数据更新的事件总线通信方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、安装 npm i vue-resource 与axios用法相同
2、引入import vueResource from 'vue-resource’插件
3、使用

this.$http.get(`https://api.github.com/search/users?q=${this.keyWord}`).then(
	response => {
		console.log('请求成功',response.data.items)
		this.$bus.$emit("updataListData",{isLoading:false,errMsg:'',users:response.data.items}) 
	},
	error => {
		console.log('请求失败了',error.message)
		this.$bus.$emit("updataListData",{isLoading:false,errMsg:'请求失败',users:[]}) 
	}
)