Vue.js Nuxt/Vue-加载数千个组件是否有问题？

我知道这听起来很开放，但这里是上下文

我正在构建一个简单的PWA，主要是聚合数据并显示它，在一些页面（例如主页），我想显示所有这些数据。这些数据在组件中表示，我正在遍历数据循环以生成这些组件

我意识到在加载我的主页时，我安装了数千个组件，我的DOM大小变得非常大。从技术上讲，我不必加载所有的组件——只加载用户将看到的组件，但我还没有真正找到“懒散加载”组件的方法

我的组件相当大，它们包含图像、描述、nuxt链接

我的问题是，这是否是一种糟糕的做法，我是否应该实现某种形式的组件延迟加载？（仅在看到时安装？）希望指向正确的方向，谢谢

您可以使用来了解元素何时在屏幕上可见。或者可以使用某种虚拟化组件。您可以使用它来了解元素何时在屏幕上可见。或者使用某种虚拟化组件。