7.Vue中的Http访问

axios用法:
1.安装
npm install axios --save-dev

2.导入：
import axios from 'axios';

3.使用($(form)需要先按装jQuery) //.serialize为提交的form表单中的数据。
axios.post('http://localhost:3000/users/zhuce',$(form).serialize())
.then(function(res){
console.log(res);
alert(res.data);
})
.catch(function(err){
console.log(err);
})

4.$(form)需要先按装jQuery
npm install jquery --save-dev
到build/webpack.base.conf.js中，
导入：var webpack = require('webpack');
最下面添加：
plugins: [
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
"window.jQuery":"jquery"
})
]

vue文件中无需导入，可直接使用$和jQuery,按以上操作就可以实现，不行在把下面的也执行了。

````````````````````````````````````````````````````````````````````````````````

1.安装
npm install vue-resource --save-dev

2.main.js中
Vue.use(require('vue-resource')); //--------添加

3.vue中使用
callKa:function(event){
this.$http.get('http://localhost:3000/',{}).then(function(data){
alert(data.body);
}).catch(function(err){
alert('出错');
for(let key in err){
console.log(key+':'+err[key]);
}
})
}