vue.js中v-for循环的元素的油门渲染

Question

vuejs中是否有一种方法具有与polymer dom-repeat initial count的初始计数类似的功能，该功能可以分批渲染项目。

我想呈现一个列表复杂的对象，但是UI等待所有元素被创建和安装，然后立即显示所有元素。

创建元素非常耗时，因为它会注册许多事件和观察者。

是否有默认方法或其他可以限制元素的方法？

Answer 1

Vue不支持此功能，这实际上不适合用户级代码。

您要渲染多少个项目？几百个？几千？

您是否对代码进行了基准测试，以查看导致速度减慢的原因-是Vue的渲染代码很慢，还是您的组件具有复杂的渲染功能和/或复杂的stream.keyBy(e -> e.hostname)代码？确保在每个项目上设置created()，以加快重新渲染的速度。

替代解决方案：

• 仅渲染项的子集，并在用户向下滚动时逐渐渲染更多项。您将需要某种无限滚动组件来帮助您实现这一目标（检查GitHub或自己实现）。
• 使用虚拟列表组件仅呈现可见项，vue-virtual-scroller是这样的实现。