vue和后端交互的方法：1、使用【$http.get()】方法实现交互；2、使用【$http.post()】方法实现交互；3、使用【$http.jsonp()】方法实现交互。
Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。
怎么实现vue.js的前后端交互呢？
1. 使用$http.get()方法
获取一个普通的文本数据
立即学习“前端免费学习笔记（深入）”；
this.$http.get('a.txt').then(function(res){
alert(res.data);
},function(res){
alert(res.status);
});向服务器发送数据（此时需要为get方法传递第二个参数 {a:1, b:2} , 即所要发送的数据）
mallcloud商城
下载
mallcloud商城基于SpringBoot2.x、SpringCloud和SpringCloudAlibaba并采用前后端分离vue的企业级微服务敏捷开发系统架构。并引入组件化的思想实现高内聚低耦合，项目代码简洁注释丰富上手容易，适合学习和企业中使用。真正实现了基于RBAC、jwt和oauth2的无状态统一权限认证的解决方案，面向互联网设计同时适合B端和C端用户，支持CI/CD多环境部署，并提
this.$http.get('a.php', {
a: 1,
b: 2
}).then(function(res) {
alert(res.data);
}, function(res) {
alert(res.status);
});2. 使用$http.post()方法
此时需要为post方法传递第三个参数 {emulateJSON: true}
this.$http.post('a.php', {
a: 1,
b: 2
}, {
emulateJSON: true
}).then(function(res) {
alert(res.data);
}, function(res) {
alert(res.status);
});3. 使用$http.jsonp()方法
访问360搜索接口
this.$http.jsonp('https://sug.so.360.cn/suggest', {
params: {
word: 'a'
}
}).then(function(res) {
alert(res.data.s);
}, function(res) {
alert(res.status);
});访问baidu搜索接口
this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su', {
params: {
wd: 'a'
},
jsonp: 'cb'
}).then(function(res) {
alert(res.data.s);
}, function(res) {
alert(res.status);
}); 
