10.8K ·GitHub
这是什么?
这是一个 Vue 组件库,它只渲染当前视口中可见的行或单元格,因此你可以流畅地滚动浏览数据量极大的列表或表格,而不会出现卡顿。
这是独立应用,还是需要添加到我自己的 Vue 项目中的东西?
它是一个库,而不是应用:你需要安装 npm 包,并将其滚动组件放入现有的 Vue 3 项目中。当前的包版本面向 Vue 3;Vue 2 用户需要使用单独维护的版本。
我该如何把它加入我的项目?
将该包作为依赖安装,并在支持 ESM 的构建配置下使用,因为在 Vue 3 版本线上它仅以 ESM 形式发布。
它需要哪些构建工具?
你需要 Vue 3 以及一个能理解原生 ES 模块的打包工具——Vite、Nuxt、Rollup 或 webpack 5 都可以;只支持 CommonJS 的旧配置则不行。
它开箱即支持 Vue 2 吗?
不支持,该包版本仅适用于 Vue 3。Vue 2 项目需要使用文档中链接的单独版本。
它能用于 Nuxt/SSR 项目,还是只能用于纯浏览器端的 Vite 应用?
由于 Vite、Nuxt、Rollup 和 webpack 5 都被列为受支持的工具链,只要打包工具能处理 ESM,它既适用于普通的 Vite/Vue 应用,也适用于 Nuxt 项目。
在安装之前,有可以试用的演示吗?
有的,README 中链接了一个在线演示和一个展示虚拟滚动效果的视频演示。
What are similar projects?
element-plus, tamagui, formily, vue-pure-admin, vuestic-admin, vue-awesome-swiper, vuetify, naive-ui
Which topics is it in?
esm, vuejs, pnpm, vue3, webpack, vite, component-library, ui-components, performance, npm, frontend, nodejs