25-vue-ajax-常用的两个库：vue-resource库和axios库(推荐使用axios库)

最新推荐文章于 2022-03-01 14:40:43 发布
最新推荐文章于 2022-03-01 14:40:43 发布
阅读量270 收藏
点赞数
分类专栏： Vue尚硅谷学习旅程 文章标签： vue vue.js
本文为博主原创文章，未经博主允许不得转载
本文链接：https://blog.csdn.net/A_Bow/article/details/113813249
版权
本文介绍了如何通过npm安装vue-resource和axios这两个JavaScript库，并详细阐述了它们在Vue应用中的使用方法。在main.js中引入VueResource，并在App.vue中展示GET请求的实现。同时，提供了axios在App.vue中的导入示例。文中还给出了两个测试接口供读者实践：一个用于搜索GitHub仓库，另一个用于搜索用户。
摘要由CSDN通过智能技术生成

1. 两个库的安装命令

  1.1 vue-resource库：

npm install vue-resource --save

  1.2 axios库

  非官方库

npm install axios --save

2. vue-resource库的使用

  ①在main.js 入口中，引入VueResource，并声明使用
在这里插入图片描述
  ②在App.vue中写发送请求的代码，下面以 get 请求方式为例

在这里插入图片描述
在这里插入图片描述

3.axios库的使用

  需要在App.vue文件中导入 axios库
在这里插入图片描述

在这里插入图片描述

测试接口

  接口 1: https://api.github.com/search/repositories?q=v&sort=stars
  接口 2: https://api.github.com/search/users?q=aa

不许人间见秃头xbw
关注
专栏目录
vue2[初级] ajax框架 vue-resource和axios
u011664286的博客
09-23 197
vue ajax框架 vue-resource axios 跨域配置
vue-axios-interceptors：全局捕获和处理ajax响应
02-01
将Axios与Vue使用时，可以全局捕获和处理Ajax错误。 安装 npm install vue-axios-interceptors --save // or yarn add vue-axios-interceptors // Make sure you import this package after you've imported Vue: ...
Vue-resource和Axios对比以及Vue-axios
weixin_34128411的博客
12-14 748
vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的axios。 vue-resource特点 vue-resource插件具有以下特点： 1，体积小 vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。 2，支持主流的浏览器 和Vue.js一样，vue-resource除了不支持I...
21.Vue Ajax框架vue-resource&axios
自能生羽翼，何必仰云梯
07-17 183
  vue的ajax框架有vue-resource和axios；   vue-resource插件非官方库，目前vue1,2都支持；   axios是ajax通用请求库，vue官方推荐； vue-resource：   主页：https://github.com/pagekit/vue-resource   安装下vue-resource，命令：npm install vue-resource   main.js里全局引入，使用该插件； import VueResource from 'vue-resou
Vue-resource和axios区别
LM
03-03 6264
在Vue项目中前后端交互时，早期的Vue版本使用Vue-resource插件从后台获取数据。从Vue2.0之后就不再对vue-resource进行更新，而是推荐使用axios. vue-resource Vue.js的插件提供了使用XMLHttpRequest 或 JSONP进行Web请求和处理响应的服务。vue-resource像jQuery的$,ajax，用来进行数据交互。主要用于发送aja...
vue的两种ajax框架vue-resource与axios的简单使用
simon-_-的博客
10-03 610
前言 在vue中ajax的框架有两种，一是vue-resource,二是axios vue-resource vue 插件, 非官方库, vue1.x 使用广泛，属于比较老的ajax框架 axios 通用的 ajax 请求库, 官方推荐, vue2.x 使用广泛,也是现在主流的ajax框架 正文 1.vue-resource vue-resource的GitHub地址 https://g...
Vue-axios-pubsub-js：基于vue-axios和利用pubsub-js实现组件通信的前相互作用案例
02-04
本案例是调用GitHub官方提供的API，基于axios，pubsub-js实现一个演示，目的是让自己更加熟悉vue组件化开发思想，和前分离开发中调用接口来获取数据渲染页面。 本文最初发表在博客园，喜欢看博客的同学也可以前往---...
vue-axios-plugin-结合了axios和Vuejs的插件，使HTTP请求更加轻松。-Vue.js开发
05-27
`vue-axios-plugin-master`这个压缩包文件很可能是包含`vue-axios-plugin`项目的源码，如果你想要深入理解其工作原理或者对其进行定制，可以解压后查看。里面可能包括了源代码、示例、测试和其他相关资源。 总之，`...
vue-apis：集成axios的vue插件
02-01
一个集成了axios的vue插件。使用链式编程方式构建api，并以Promise返回请求实例。很好地简化了api的生成方式，和引用方式（通过this。$ apis.apiName进行引用）。 浏览器支持 最新 :heavy_check_mark: 最新 :heavy...
vue-axios：一个小型包装器，用于将axios集成到Vuejs
02-04
VueJS \ VueAxios 1.x 2.x 3.x 1.x :check_mark: :check_mark: :check_mark: 2.x :check_mark: :check_mark: :check_mark: 3.x :cross_mark: :cross_mark: :check_mark: 如何安装： ES6模块...
axios.js和vue.js和vue-resource.js
01-15
最近在使vue，就去找相关js文件，发现很难找到，而且下载要积分，就找相应源码copy下来，
谈谈Vue.js——vue-resource全攻略
10-20
本篇文章主要介绍了谈谈Vue.js——vue-resource全攻略，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue ajax异步的两种方式 axios vue-resource
我有一个魔盒的博客
03-01 803
php服务端测试接口函数： public function test2() { $param = $_REQUEST; if ($_SERVER['REQUEST_METHOD'] == 'POST') { return json(['code' => 1, 'msg' => 'hello post', 'param.' => $param]); } else if ($_SERVER['REQUEST_METHOD'] == 'GET') {
Vue前端请求（vue-resource与axios）
qq_43117118的博客
03-06 212
原来使用的模板前端请求使用的是vue-resource，随着更新vue更推荐使用axios vue-resource show(){ this.$http.get('/api/step/test') .then((response) => { console.log(response.bodyText) }) } axios test(){ this.axios.get('/api
随便学习python常见的两个库吧
gaotihong的博客
09-15 361
目录 1.sklearn的datasets.load_files() 2.keras的to_categorical 3.glob 4.进度条 1.sklearn的datasets.load_files() 2.keras的to_categorical 3.glob 4.进度条
vue下axios以及vue-resource的对比使用
qq_34425377的博客
06-18 1093
写在前面：vue2.0之后，就不再对vue-resource更新，而是推荐使用axios（注意了注意了）。axios可同时在浏览器和 Node.js 中使用，相比之下，axios虽然体积较大，但是功能用法也是很全面的，推荐使用。 一、vue-Resource npm链接地址： https://www.npmjs.com/package/vue-resource （1）特点： 支持Promise ...
需要引入库：vue-resource
weixin_34337381的博客
05-28 247
引入vue-axios需要引入vue-resource 转载于:https://www.cnblogs.com/stormy/p/10938505.html
vue-resource和axios的区别
u013594477的专栏
02-26 1282
VUE-RESOURCE 1.Vue.js是数据驱动的，这使得我们并不需要直接操作DOM，如果我们不需要使用jQuery的DOM选择器，就没有必要引入jQuery。vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为...
axios和vue-resource的对比和使用
Serena_tz的博客
04-27 250
axios和vue-resource的对比 vue-resource: vue插件, 多用于vue1.x axios: 第三方库, 多用于vue2.x vue-resource使用 // 引入模块 import VueResource from 'vue-resource' // 使用插件 Vue.use(VueResource) // 通过vue/组件对象发送ajax请求 this.$http.get('/someUrl').then((response) => { // success
Vue中Axios HTTP库详析及实战应用
安装完成后，我们需要在Vue的配置阶段引入和使用这两个模块： ```javascript import Axios from 'axios'; import VueAxios from 'vue-axios'; Vue.use(VueAxios, Axios); ``` 这样，Vue应用就可以利用VueAxios封装好...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值