在前端开发中，处理长列表或无限滚动场景时，性能问题常常是一个不可忽视的挑战。当列表项的数量非常大时，一次性渲染所有项会导致浏览器渲染性能下降，甚至可能出现卡顿或崩溃的情况。为了解决这个问题，虚拟滚动（Virtual Scrolling）技术应运而生，它通过在视口内只渲染少量可见项来显著提升长列表的渲染性能。

虚拟滚动的原理

虚拟滚动的核心思想是只渲染用户当前可见的部分列表项，而不是一次性渲染所有项。这通过计算视口内应该显示的列表项的范围，并动态地更新DOM来实现。当用户滚动列表时，虚拟滚动会根据滚动的距离和方向，快速计算和更新视口内的列表项，从而实现流畅的滚动效果。

问题来源

在尝试VuePress 2的过程中一切顺利，直到build时提示

Error: useClientData() is called without provider.

解决方法

尝试上网冲浪搜寻答案，可能由于 VuePress 2 是RC阶段，所以解决方案少之又少。

于是翻看官方文档，没想到在hope主题站找出相似问题。