如何使用vue.js与后台实现数据交互?

Question

如何使用vue.js与后台实现数据交互

Answer 1

下面的alert输出的数据是this.result.prId,取出的的是原来的数据，并不是data中传过来的数据，你在alert前面加一条：this.result = data.result.prId;这样就没问题了。 

Answer 2

使用vue.js与后台实现数据交互的方法是利用vue-resource组件提供的一系列api：get(url, [data], [success], [options])post(url, [data], [success], [options])put(url, [data], [success], [options])patch(url, [data], [success], [options])delete(url, [data], [success], [options])jsonp(url, [data], [success], [options])具体举例如下：1、导入vue-resource<script src="js/vue.js"></script><script src="js/vue-resource.js"></script>2、基于全局Vue对象使用http// 通过someUrl获取后台数据，成功后执行then的代码Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);3、在一个Vue实例内使用$http// $http是在vue的局部范围内的实例this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);说明：在发送请求后，使用then方法来处理响应结果，then方法有两个参数，第一个参数是响应成功时的回调函数，第二个参数是响应失败时的回调函数。