使用vue.js與后臺(tái)實(shí)現(xiàn)數(shù)據(jù)交互的方法是利用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、導(dǎo)入vue-resource
<script src="js/vue.js"></script>
<script src="js/vue-resource.js"></script>

2、基于全局Vue對(duì)象使用http
// 通過(guò)someUrl獲取后臺(tái)數(shù)據(jù)，成功后執(zhí)行then的代碼
Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
3、在一個(gè)Vue實(shí)例內(nèi)使用$http
// $http是在vue的局部范圍內(nèi)的實(shí)例
this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);
說(shuō)明：
在發(fā)送請(qǐng)求后，使用then方法來(lái)處理響應(yīng)結(jié)果，then方法有兩個(gè)參數(shù)，第一個(gè)參數(shù)是響應(yīng)成功時(shí)的回調(diào)函數(shù)，第二個(gè)參數(shù)是響應(yīng)失敗時(shí)的回調(diào)函數(shù)。

下面的alert輸出的數(shù)據(jù)是this.result.prId,取出的的是原來(lái)的數(shù)據(jù)，并不是data中傳過(guò)來(lái)的數(shù)據(jù)，你在alert前面加一條：
this.result = data.result.prId;
這樣就沒(méi)問(wèn)題了。