Vue使用axios进行数据异步交互的方法
作者:黑夜开发者
大家都知道在Vue里面有两种出名的插件能够支持发起异步数据传输和接口交互,分别是axios和vue-resource,同时vue更新到2.0之后,宣告不再对vue-resource更新,而是推荐的axios,今天就讲一下怎么引入axios,需要的朋友可以参考下
大家都知道在Vue里面有两种出名的插件能够支持发起异步数据传输和接口交互,分别是axios
和vue-resource,同时vue更新到2.0之后,宣告不再对vue-resource更新,而是推荐的axios
。今天就讲一下怎么引入axios
。
npm
安装axios
npm install --save axios
main.js
中导入axios
并将axios
挂载到vue
的原型,后面就能执行了。
import axios from 'axios' Vue.prototype.axios = axios;
- 使用
axios
。
this.axios.post(url,params,{ headers: { 'token': token,//设置header } }).then(function (result) { //更多处理的内容 }).catch(function(err){ if(err.response) { console.log(err.response) } });
到此这篇关于Vue使用axios进行数据异步交互的方法的文章就介绍到这了,更多相关Vue axios数据异步交互内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!