vue.js与后台数据交互的实例讲解 - 行业资讯 - 肥雀云

　　　　　　& lt;脚本src=" https://www.yisu.com/js/common/vue.min.js "祝辞& lt;/script> 　　& lt;脚本src=" https://www.yisu.com/js/common/vue-resource.js "祝辞& lt;/script> 　　　　

<强>前端代码:

　　　　　　& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=皍tf - 8”比; 　　& lt; title> vue example 　　& lt;链接rel="样式表" href=" https://www.yisu.com/my/style.css " rel=巴獠縩ofollow”比; 　　& lt;脚本src=" https://www.yisu.com/js/common/vue.min.js "祝辞& lt;/script> 　　& lt;脚本src=" https://www.yisu.com/js/common/vue-resource.js "祝辞& lt;/script> 　　& lt;/head> 　　& lt; body> 　　& lt; div id=坝τ谩北? 　　& lt;输入类型=鞍磁ァ盄click=?)”价值=" https://www.yisu.com/zixun/点击”/比; 　　& lt;/div> 　　& lt;/body> 　　& lt; script> 　　新Vue ({ 　　埃尔:“#应用”, 　　数据:{ 　　}, 　　方法:{ 　　得到:函数(){ 　　美元。http.get ('/getData '),然后((响应)=比;{ 　　console.log(响应); 　　警报(response.data); 　　},函数(){ 　　alert('请求失败!”); 　　}); 　　} 　　} 　　}); 　　& lt;/script> 　　& lt;/html> 　　　　

<强>后端接口响应:

　　　　　　… 　　@RequestMapping ("/getData”) 　　@ResponseBody 　　公共字符串getdata () { 　　返回“数据”; 　　} 　　.... 　　　　

vue.js与后台数据交互的实例讲解

以上这篇vue.js与后台数据交互的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。