开发者社区> 叶秋学长> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

VUE系列 ---- 网络模块axios(一 )

简介: ​ 目录   一、选择什么网络模块? ★传统的Ajax是基于XMLHttpRequest(XHR)      ☆自己封装的话比较麻烦,可能存在很多bug ★Jquery-Ajax是Jquery的一部分      ☆整个Vue是没有使用到Jquery的      ☆为了网络请求而去引入Jquery是不合理的      ☆Jquery的体积和Vuejs差不多 二、为什么选择axios  ☆在浏览器中发送XMLHttpRequest请求      ☆在node.js中发送http请求       ☆支持Promise API        ☆拦截请求和响应         
+关注继续查看

前言:今天叶秋学长带领大家学习VUE系列专栏中的网络模块学习,废话不多说上干货~~

目录

一、选择什么网络模块?

二、为什么选择axios

三、axios请求方式

四、axios的安装使用


imageimage.gif编辑

一、选择什么网络模块?

★传统的Ajax是基于XMLHttpRequest(XHR)     

☆自己封装的话比较麻烦,可能存在很多bug

★Jquery-Ajax是Jquery的一部分     

☆整个Vue是没有使用到Jquery的     

☆为了网络请求而去引入Jquery是不合理的   

  ☆Jquery的体积和Vuejs差不多

二、为什么选择axios

 ☆在浏览器中发送XMLHttpRequest请求      ☆在node.js中发送http请求       ☆支持Promise API        ☆拦截请求和响应                                         ☆转换请求和响应数据

三、axios请求方式

★请求方式     

☆axios(config)                             ☆axios.request(config)                 ☆axios.get(url[,config])      ☆axios.delete(url[,config])           ☆axios.head(url[,config])               ☆axios.post(url[,data[,config]])  ☆axios.put(url[,data[,config]])      ☆axios.patch(url[,data[,config]])

四、axios的安装使用

http://www.axios-js.com/zh-cn

安装:创建脚手架后,在终端输入Npm install axios;

配置:在main.js文件中引入学生管理系统接口文档

imageimage.gif编辑

 在main.js直接可以写调用接口:

imageimage.gif编辑

imageimage.gif编辑

今天的分享到此为止,关注博主不迷路,叶秋学长带你上高速~~

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Vue基础入门(二)axios简介
axios简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF 引入方式 npm install axios --save 使用 axios并没有install 方法,所以是不能使用vue.use()方法的。
1677 0
前端-vue基础54-组件注册注意事项
前端-vue基础54-组件注册注意事项
19 0
前端-vue基础56-组件注册命名方式
前端-vue基础56-组件注册命名方式
14 0
前端-vue基础56-组件注册命名方式
前端-vue基础56-组件注册命名方式
15 0
前端-vue基础99-路由组件传递参数
前端-vue基础99-路由组件传递参数
15 0
vue再读69-组件通信的几种情况
vue再读69-组件通信的几种情况
8 0
《精通react/vue组件设计》之配合React Portals实现一个功能强大的抽屉(Drawer)组件
本文是笔者写组件设计的第六篇文章,内容依次从易到难,今天会用到react的高级API React Portals,它也是很多复杂组件必用的方法之一. 通过组件的设计过程,大家会接触到一个完成健壮的组件设计思路和方法,也能在实现组件的过程逐渐对react/vue的高级知识和技巧有更深的理解和掌握,并且在企业实际工作做游刃有余.
93 0
《精通react/vue组件设计》之快速实现一个可定制的进度条组件
这篇文章是笔者写组件设计的第四篇文章,之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种繁琐而重复的工作,我们不应该按部就班的去"辛勤劳动",而是要根据已有前端的开发经验,总结出一套自己的高效开发的方法.作为数据驱动的领导者react/vue等MVVM框架的出现,帮我们减少了工作中大量的冗余代码, 一切皆组件的思想深得人心.所以, 为了让工程师们有更多的时间去考虑业务和产品迭代,我们不得不掌握高质量组件设计的思路和方法.所以笔者将花时间去总结各种业务场景下的组件的设计思路和方法,并用原生框架的语法去实现各种常用组件的开发,希望等让前端新手或者有一定工作经验的朋友能有所收
110 0
+关注
叶秋学长
全栈JAVA领域创作者
62
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载