这次给大家带来vue使用axios时this指向哪里，使用vue调用axios时的this注意事项有哪些，下面就是实战案例，一起来看一下。
vue使用axios时this指向哪里
本文主要介绍了关于vue使用axios时this的指向问题，下面话不多说了，来一起看看详细的介绍吧。
1.解决办法
在vue中使用axios做网络请求的时候，会遇到this不指向vue，而为undefined，可以使用箭头函数=>来解决。如下：
methods: {  loginaction(formname) {  this.$axios.post('http://127.0.0.1/u/sublogin', {   username: this.username,   password: this.password  })   .then(function(response){   console.log(this); //这里 this = undefined   })   .catch((error)=> {   console.log(error); //箭头函数=>使this指向vue   });  });  } }
2. 原因
es6中的 箭头函数 => 内部的this是词法作用域，由上下文确定（也就是由外层调用者vue来确定）。
3. 题外话
使用=>函数，就可以告别之前的两种写法了：
bind(this)来改变匿名函数的this指向
hack写法 var _this= this; ：
loginaction(formname) {  var _this= this;  this.$axios.post(...)  .then(function(response){   console.log(_this); //这里 _this 指向vue  })  });  }
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
js怎样将json格式数组下载到excel表格里
怎样操作jackson解析json字符串时首字母的大小写转换
angular验证功能实现步奏
以上就是vue使用axios时this指向哪里的详细内容。