2016-11-28 72 views
2

我有一個Vue.js組件,它會從數據庫發佈的大名單,在這一點上,我們可以使用所有可愛的反應列表過濾功能,深入到了我們正在尋找。問題是頁面出現在頁面之前,頁面加載後會有一個非常明顯的滯後。加快了Vue.js組件在Laravel

顯然在加載通過AJAX可能不是瞬時的數據,但我想我也許可以通過例如以取得更好的成績在Laravel服務器端獲取數據,然後將其從包含Blade模板的組件作爲道具傳遞給組件。儘管如此,還沒有太多的運氣,而且顯着等待組件接收和顯示數據。

是否有具有Vue的組件準備儘快去任何簡單的方法?我查看了webpack的prerender-spa-plugin,但我不知道這是否與Laravel路由正確交互。同樣,服務器端節點重新渲染似乎可能比它的價值更麻煩。

有沒有人遇到類似的問題,並發現像一個偉大的解決方案?

+0

好吧,我想你可能沒有太多的選擇,但改善的db/db查詢和/或使API端點的過濾通過參數(列表過濾是有點沒用在這種情況下)。但是,你能否提供一些關於如何在第二段中做到這一點的示例代碼? – nozzleman

回答

-2

你太過分了,你可以做點什麼。 1在服務器上。通過緩存查詢或某事。第二個是客戶端。當你處理收到/抓取的集合。如果你有,比如說10000條目,這需要一些時間來解析json對象,b:創建必要的vue組件(如果你使用vue組件作爲行)並且生成相應的dom。所以如果你分割並處理大小塊中的接收數據。 Vue會相應更新dom。並把dom更像一條小溪。並不總是最好的方法,但在許多情況下工作。