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

第一步：引入射流研究…库：

脚本src='http:/js/common/vue。量滴js '/script脚本src=' http :/js/common/vue-资源。js /脚本前端代码：

！DOCTYPE html html heartheta charset=' UTF-8 ' title vue示例/titlelink rel='样式表href='./我的/风格。CSS ' rel='外部无跟随'脚本src='http:/js/common/vue。量滴js '/script脚本src=' http :/js/common/vue-资源。js '/脚本/头体div id=' app '输入类型='button' @click='get()' value='点击//div/body script new Vue({ El : ' # app '，data : })，methods : { get : function(){ this .$http.get('/getData ').然后((响应)={ console.log(响应);警报(响应。数据)；}，function(){ alert('请求失败！');});} } });/script/html后端接口响应：

.@请求映射('/getData ')@响应体公共字符串getDatas(){返回' data '；} .效果：

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