vue獲取后端數(shù)據(jù)并顯示 目前在用VUE做一個(gè)網(wǎng)頁(yè),上面有個(gè)實(shí)時(shí)數(shù)據(jù)變化展示,如何才能做到不頁(yè)面刷新使頁(yè)面數(shù)據(jù)變化?
目前在用VUE做一個(gè)網(wǎng)頁(yè),上面有個(gè)實(shí)時(shí)數(shù)據(jù)變化展示,如何才能做到不頁(yè)面刷新使頁(yè)面數(shù)據(jù)變化?當(dāng)您這樣描述它時(shí),首先想到的是Ajax]雖然您還沒(méi)有使用Vue,但文檔中肯定有類似的工具虛擬用戶.js與后臺(tái)進(jìn)
目前在用VUE做一個(gè)網(wǎng)頁(yè),上面有個(gè)實(shí)時(shí)數(shù)據(jù)變化展示,如何才能做到不頁(yè)面刷新使頁(yè)面數(shù)據(jù)變化?
當(dāng)您這樣描述它時(shí),首先想到的是Ajax
]雖然您還沒(méi)有使用Vue,但文檔中肯定有類似的工具虛擬用戶.js與后臺(tái)進(jìn)行數(shù)據(jù)交互的方法是使用Vue資源組件提供的一系列API:
get(URL,[數(shù)據(jù)],[成功],[options])
發(fā)布(URL,[data],[success],[options])
發(fā)布(URL,[data],[success],[options
補(bǔ)?。║RL,[data],[success],[options
]刪除(URL,[data],[success],[options
]JSP(URL,[data],[success],[options
]具體示例如下:
1。導(dǎo)入Vue資源
2?;谌諺ue對(duì)象,使用HTTP
//通過(guò)someurl獲取后臺(tái)數(shù)據(jù),成功后執(zhí)行then的代碼Vue.http.get獲?。ā?someUrl”,[選項(xiàng)。然后(successcallback,errorcallback)
3。在Vue實(shí)例中使用$HTTP
/$HTTP
]this$http.get獲?。ā?someUrl”,[options]).then(successCallback,發(fā)送請(qǐng)求后,使用then方法處理響應(yīng)結(jié)果。then方法有兩個(gè)參數(shù)。第一個(gè)參數(shù)是響應(yīng)成功時(shí)的回調(diào)函數(shù),第二個(gè)參數(shù)是響應(yīng)失敗時(shí)的回調(diào)函數(shù)。