2016-11-28 31 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更像一条小溪。并不总是最好的方法,但在许多情况下工作。