vue框架中的前端和后端交互方法
浏览：1442 次
（发音/vjuû/，类似于视图）是一个构建数据驱动web界面的渐进式框架。Vue公司。js的目标是通过最简单的API实现响应和组合视图组件的数据绑定。它不仅易于入门，而且易于与第三方库或现有项目集成。
如何实现vue.js的前后交互？
1.使用$http。get（）方法
获取通用文本数据
一
二
三
四
五
这.$http.get（'a.txt'）。则（函数（res）{
&警报（res.data）；
}，函数（res）{
&警报（res.status）；
});
向服务器发送数据（此时，需要为get方法传递第二个参数{a:1，b:2}，即要发送的数据）
一
二
三
四
五
六
七
八
这个.$http.get（'a.php'{
&a： 1中，
&b： 2个
}). 则（函数（res）{
&警报（res.data）；
}，函数（res）{
&警报（res.status）；
});
2.使用$http。post（）方法
此时，需要为post方法传递第三个参数｛emulateJSON:true｝
一
二
三
四
五
六
七
八
九
十
this.$http.post（'a.php'{
&a： 1中，
&b： 2个
}, {
&emulateJSON:真
}). 则（函数（res）{
&警报（res.data）；
}，函数（res）{
&警报（res.status）；
});
3.使用$http。jsonp（）方法
Access 360搜索界面
一
二
三
四
五
六
七
八
九
这个.$http。jsonp（'https://sug.so.360.cn/suggest' ;, {
&参数：{
单词：“a”
&｝
}). 则（函数（res）{
&警报（res.data.s）；
}，函数（res）{
&警报（res.status）；
});
访问百度搜索界面
一
二
三
四
五
六
七
八
九
十
这个.$http。jsonp（'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su' ;, {
&参数：{
wd:“a”
&}，
&jsonp:'cb'
}). 则（函数（res）{
&警报（res.data.s）；
}，函数（res）{
&警报（res.status）；
});
以上是vue如何与后端交互的详细信息。
