vue.js如何从页面获取数据

Question

vue.js如何从页面获取数据

Answer 1

方法是利用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方法有两个参数，第一个参数是响应成功时的回调函数，第二个参数是响应失败时的回调函数。&nbsp;