this.$axios和this.axios和axios有什么区别？

最新推荐文章于 2023-03-28 16:35:31 发布
最新推荐文章于 2023-03-28 16:35:31 发布
阅读量5k 收藏 5
点赞数 1
分类专栏： axios 文章标签： ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44185887/article/details/120814906
版权

首先搞明白在Vue中。

this指向Vue实例对象，包含了当前的数据和从原型链上继承的方法。
axios是ajax封装的库，用于异步请求接口数据，和Vue没什么关联，但是多用于Vue全家桶中。


给axios起什么名字是开发者自己的事情，你甚至可以随便取名，因此三个写法如果都是用于引用axios库的话效果一模一样。


如果绑定在this上使用那意味着是从Vue的原型链上继承的方法，因此axios被绑定在Vue的原型对象上。这个方法的好处是只要可以访问Vue实例即可获得axios的引用。
如果不带this axios说明是当前作用域的一个变量 需要在当前作用域能触及的开头let axios = require('axios')

暗号(Live)
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
axios学习笔记
sjfsp的博客
03-17 557
1、基本用法 安装 cnpm i axios --save 在 main.js 中引入 axios import axios from 'axios' Vue.prototype.$axios = axios 在组件中使用 axios <script> export default { mounted(){ this.$axios.get('/goods.json').then(res=>{ console.log(res.data); }) } } &
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
01-18
今天在vue-cli脚手架搭建的项目中使用axios时，遇到无法解析this.$route的报错信息，最后发现是作用域的问题。 1.解决方法：使用 => 原代码： axios.get('/user', { params: { ID: 12345 } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); 修改为： axios.get('/user', { params: { ID: 12345
axios的基本使用
yhl_nsd的博客
05-05 679
设置基准路径 在main.js文件中编辑 //导入axios import axios from 'axios' //添加到vue原型上，让所有vue组件都能通过this.$axios访问到axios Vue.prototype.$axios = axios //设置基准路径 axios.defaults.baseURL = http://localhost:3000/data axios使用格式 this.$axios.方法名（url，data，config）.then（回调函数） data 数据：po
this.$axios.$get 请求后台接口数据（get请求和post请求）
琳琳的博客
05-07 6279
安装 npm install vue-axios --save main.js文件 import axios from 'axios' Vue.prototype.$http = axios .vue文件 test(){ var testUrl='http://localhost:8088/activiti/doneTask'; this.$http.get(testUrl).then(function(response){ aler
axios的五种请求方式
Sunshine_Jian的博客
01-21 4511
Axios 是一个基于 promise 的 HTTP 库，这篇文章能带你了解一下axios的5种传参方式，包括一些格式的编写，可携带参数等等，还有一些配置项的说明，包括了一些在请求接口时，需要注意的点。
Vue项目中axios的使用（基础篇）
weixin_40484820的博客
03-28 1543
通过使用Axios的请求拦截器和响应拦截器，我们可以轻松地处理请求和响应，并在出现错误时进行处理。在使用Axios调用API时，我们可以在API文件中定义一个函数，它使用Axios来发送HTTP请求并返回Promise对象。在成功的回调函数中，我们可以对请求进行一些处理，比如添加公共的请求头。在如上例子中，我们向请求中添加了一个Authorization请求头，它的值为getToken()函数的返回值。在Vue项目中，我们可以使用拦截器来添加公共的请求头、处理请求错误、处理响应错误等操作。
vue中使用axios与this.$post 方法
duheyuan的博客
11-18 2万+
一. 在vue中引入axios 1.安装 axios 与 vue-axios npm install axios npm install vue-axios 在页面import 刚刚安装的两个工具包 import VueAxios from 'vue-axios' import axios from 'axios' Vue.use(VueAxios, axios) 下面我们就可以在...
vue全局使用axios的方法实例详解
12-12
在vue项目开发中，我们使用axios进行ajax请求，很多人一开始使用axios的方式，会当成vue-resoure的使用方式来用，即在主入口文件引入import VueResource from 'vue-resource'之后，直接使用Vue.use(VueResource)之后...
axios.min.js（ 0.26.0）
02-21
axios.min.js版本：0.26.0
axios0.27.2（axios.js）
06-07
axios0.27.2（axios.js）
axios0.27.2（axios.min.js）
06-07
axios0.27.2（axios.min.js）
axios-1.0.0-alpha.1中的axios.main.js
07-21
Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 ...
【axios并发请求处理】对同一个接口发送不定数量的请求
m0_60618026的博客
10-31 600
最近接到一个新的需求，需要批量处理上传的文件，但是后端的接口一次只能接收一个文件，本来一开始是直接在循环体里面请求接口，发现根本行不通，总是先把循环体执行完了再执行then后面的语句，呜呜卡了我两天的问题，目前这样是解决好了，浅浅存个档，如果有说错的地方欢迎大佬们指正批评！
vue学习笔记（一）this.$http.get()
qq_21069473的博客
12-07 7万+
Vue与后端数据交互： 需要引入库：vue-resource 使用this.$http.get('请求地址')来发送请求 我在做购物车功能页面时，使用this.$http.get('data/cartData.json')获取json中的数据，后面可加参数。 then()方法异步执行，就是当then()前面的方法执行完之后在执行then()里面的方法，这样就不会发生获取不到数据的问
vue cli+axios踩坑记录+拦截器使用，代理跨域proxy（更新）
热门推荐
BeterJane
06-02 10万+
1、首先axios不支持vue.use()方式声明使用，看了所有近乎相同的axios文档都没有提到这一点 建议方式在main.js中如下声明使用 import axios from 'axios'; Vue.prototype.$axios=axios; 那么在其他vue组件中就可以this.$axios调用使用2.小小的提一下vue脚手架前端调后端数据接口时候的跨域问题，在webpack配置一下
x264中open_file_yuv函数欣赏（顺便谈谈如何利用指针在被调函数中改变主调函数中变量的值）
认知 行动 坚持
12-13 8058
先来看一个结构体yuv_input_t： typedef struct { FILE *fh; int width, height; int next_frame; } yuv_input_t; yuv_input_t结构体用fh这个文件指针打开原始的yuv文件foreman_qcif.yuv. 但程序中，必须知道yuv文件中视频的尺寸（widt
$.ajax与axios参考与配置比较
qq_39579242的博客
06-10 734
前端项目中跨域请求不得不用到Ajax请求，Jquery配置如下； const ajaxPost = (url,params) => { return new Promise(function (resolve,reject){ $.ajax({ type: 'POST', dataType: 'json', ...
axios，Ajax,jQuery ajax,axios和fetch的区别
jiang7701037的博客
03-27 1万+
提纲：Axios的概念安装Axios简单示例Axios的APIAxios的请求配置和响应数据格式Axios的拦截器Ajax,jQuery ajax,axios和fetch的区别内容：Axios的概念    axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。特点：从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 ...
this.$axios.get和 this.axios.get的区别
最新发布
04-04
this.$axios.get 是在Vue实例的上下文中使用axios实例的方式，可以直接在Vue组件的methods中使用，例如： ``` export default { methods: { async fetchData() { const response = await this.$axios.get('/api/data'); console.log(response.data); } } } ``` this.axios.get 则需要先导入axios库，然后再使用，例如： ``` import axios from 'axios'; export default { methods: { async fetchData() { const response = await axios.get('/api/data'); console.log(response.data); } } } ``` 总结来说，this.$axios.get 是使用Vue插件的方式来使用axios，而 this.axios.get 则需要手动导入axios库。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值