今天写一篇关于ajax在vue中的应用与封装的文章。可能有的同学会有疑惑，因为熟悉vue的都知道vue里面有vue-resource和axios。专门用于http交互，ajax岂不是多此一举？其实ajax有ajax的优点，小编本人也对ajax有着特殊的感情。今天就给大家详细讲解一下ajax在vue中的应用。首先，我们需要配置jQuery。具体配置方法很简单。教程如下：1、安装jquerynpminstalljquery--save-dev2、在build/webpack.base.conf.js中，导入：varwebpack=require('webpack');在底部添加：plugins:[newwebpack.ProvidePlugin({$:"jquery",jQuery:"jquery","window.jQuery":"jquery"})]如果你还没有配置jquery，可以找百度最新教程解决问题。当然配置jquery也是因为ajax的使用。接下来，我们需要创建一个新的js文件。存放位置如下。当然也可以和我的不一样。随意创建一个新的请求http。方法，称为postvoidvarcommon={postvoid(url,data,cellback){vartoken=xxxxxx;var用户名=xxxxxxx；$.ajax({type:"POST",url:this.res_url+url,data:data,async:true,headers:{"token":token,"username":username},success:function(res){cellback(res)},error:function(){alert("网络错误")}})}}module.exports=common入参的url为请求地址，data为请求入参，callback为callback函数用来返回调用者的结果，ajax的headers就是请求头信息，module.exports=common是把方法暴露出去，方便调用。我们来看看如何调用这个文件。首先我们在test.vue文件中导入http.js文件，并将结果赋值给变量g，方便调用g.post_func("/api/v1/xxx",req_data,function(data){console.log(数据);});调用很简单，传入参数，打印数据即可
