在Laravel下加速Vue.js组件

Question

我有一个Vue.js组件，它从数据库中获取大量的发布列表，此时我们可以使用所有可爱的反应列表过滤功能来深入了解我们正在寻找的内容。问题是页面加载后页面加载之前有一个非常明显的滞后。

显然，通过ajax加载数据可能不是即时的，但我认为我可以通过例如更好的方式获得更好的结果。使用Laravel在服务器端获取数据，然后将其作为支柱从包含Blade模板的组件传递给组件。到目前为止运气不多，但是，明显等待组件接收和显示数据。

是否有任何简单的方法可以让Vue组件尽快准备好？我查看了webpack的prerender-spa-plugin，但我不知道它是否能与Laravel路由正常交互。同样，使用节点进行服务器端重新渲染似乎可能比它的价值更麻烦。

有没有人遇到类似的问题，发现任何类似的解决方案？

Answer 1

你有太多可以做某些事情的地方。 1在服务器上。通过缓存查询或某事。第二个是客户端。处理收到/获取的集合时。如果你有，让我们说10000条目，这将花费一些时间来：解析json对象，b：创建必要的vue组件（如果你正在使用vue组件的行），并生成相应的dom。因此，如果您在大小的块中拆分和处理收到的数据。 Vue会相应地更新dom。并将dom更像一条小溪。并非总是最好的approch，但在许多情况下工作。