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 указаны как поддерживаемые инструменты сборки, это работает и в обычных приложениях на Vite и Vue, и в проектах на Nuxt, при условии что сборщик умеет работать с ESM.
Можно ли попробовать демо перед установкой?
Да, в 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