{"id":14973666,"url":"https://github.com/keno-lee/vue-virt-list","last_synced_at":"2025-08-23T09:31:08.092Z","repository":{"id":280437246,"uuid":"941990561","full_name":"keno-lee/vue-virt-list","owner":"keno-lee","description":"【持续更新中】⚡️ 一个支持vue2\u0026vue3的高性能虚拟(滚动)列表组件 👉🏻 轻量5KB 百万数据渲染 满帧率滚动 丰富场景支持  📑 [vue虚拟列表] [vue虚拟滚动列表][vue虚拟树] [vue-virtual-list] [vue-virtual-scroll-list] [vue-virtual-scroller] [vue-virt-tree] ","archived":false,"fork":true,"pushed_at":"2025-03-03T11:53:38.000Z","size":161257,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-03T12:36:03.215Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://kolarorz.github.io/vue-virt-list/","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"kolarorz/vue-virt-list","license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/keno-lee.png","metadata":{},"created_at":"2025-03-03T11:49:17.000Z","updated_at":"2025-03-03T11:53:42.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/keno-lee/vue-virt-list","commit_stats":null,"previous_names":["keno-lee/vue-virt-list"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/keno-lee/vue-virt-list","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keno-lee%2Fvue-virt-list","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keno-lee%2Fvue-virt-list/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keno-lee%2Fvue-virt-list/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keno-lee%2Fvue-virt-list/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/keno-lee","download_url":"https://codeload.github.com/keno-lee/vue-virt-list/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keno-lee%2Fvue-virt-list/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271746350,"owners_count":24813559,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-23T02:00:09.327Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["virt-list","virtual-list","virtual-scroll-list","virtual-scroller","virtualized-list","vue-virt-tree","vue-virtual-list","vue-virtual-tree","vue2","vue3"],"created_at":"2024-09-24T13:49:10.854Z","updated_at":"2025-08-23T09:31:08.085Z","avatar_url":"https://github.com/keno-lee.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-virt-list 虚拟列表 虚拟滚动列表 虚拟树\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://img.picgo.net/2024/10/18/banner0cf18d1d1663f5d2.png\" width=\"600\"/\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://npmcharts.com/compare/vue-virt-list?minimal=true\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/vue-virt-list.svg?sanitize=true\" alt=\"Downloads\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/vue-virt-list\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/vue-virt-list.svg?sanitize=true\" alt=\"Version\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/vue-virt-list\"\u003e\u003cimg src=\"https://img.shields.io/npm/l/vue-virt-list.svg?sanitize=true\" alt=\"License\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003c!-- \u003ca href=\"./README.md\" target=\"_blank\"\u003eEN\u003c/a\u003e | \u003ca href=\"./README_cn.md\" target=\"_blank\"\u003e中文\u003c/a\u003e --\u003e\n\n## Documentation\n\nTo check out docs, visit \u003ca href=\"https://keno-lee.github.io/vue-virt-list/\" target=\"_blank\"\u003evue-virt-list\u003c/a\u003e\n\n👉 \u003ca href=\"https://d8diegi800.feishu.cn/wiki/MX2Vwn1RWiwUsokjhshcr6sVnNb?from=from_copylink\" target=\"_blank\"\u003eAdvantages\u003c/a\u003e\n\n## Quick Start\n\n```shell\nnpm install vue-virt-list -S\n```\n\n### Options API\n\n```html\n\u003ctemplate\u003e\n  \u003cdiv style=\"width: 500px; height: 400px\"\u003e\n    \u003cVirtList itemKey=\"id\" :list=\"list\" :minSize=\"20\"\u003e\n      \u003ctemplate #default=\"{ itemData, index }\"\u003e\n        \u003cdiv\u003e{{ index }} - {{ itemData.id }} - {{ itemData.text }}\u003c/div\u003e\n      \u003c/template\u003e\n    \u003c/VirtList\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\n  import { VirtList } from 'vue-virt-list';\n  export default {\n    components: { VirtList },\n    data() {\n      return {\n        list: [{ id: 0, text: 'text' }],\n      };\n    },\n  };\n\u003c/script\u003e\n```\n\n### Composition API\n\n```html\n\u003ctemplate\u003e\n  \u003cdiv style=\"width: 500px; height: 400px\"\u003e\n    \u003cVirtList itemKey=\"id\" :list=\"list\" :minSize=\"20\"\u003e\n      \u003ctemplate #default=\"{ itemData, index }\"\u003e\n        \u003cdiv\u003e{{ index }} - {{ itemData.id }} - {{ itemData.text }}\u003c/div\u003e\n      \u003c/template\u003e\n    \u003c/VirtList\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript setup lang=\"ts\"\u003e\n  import { ref, shallowRef } from 'vue';\n  import { VirtList } from 'vue-virt-list';\n  const list = ref([{ id: 0, text: 'text' }]);\n\n  // 大数据建议使用 shallowRef: https://keno-lee.github.io/vue-virt-list/guide/instructions#shallowref\n  // const list = shallowRef([{ id: 0, text: 'text' }])\n\u003c/script\u003e\n```\n\n## Sponsor\n\n开源不易，如果帮助到你，请作者喝杯咖啡吧~\n\n\u003cimg src=\"https://img.picgo.net/2024/10/18/wechatb7962c50d6ed1d1b.png\" width=200 /\u003e\n\u003cimg src=\"https://img.picgo.net/2024/10/18/alipayd8563fbfb64b0daa.png\" width=200 /\u003e\n\n## WeChat\n\n有问题可扫码加好友进入技术交流群（备注github账号名）\n\n\u003cimg src=\"https://img.picgo.net/2024/10/18/qrcode3659314a0b986be8.jpeg\" width=200 /\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeno-lee%2Fvue-virt-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkeno-lee%2Fvue-virt-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeno-lee%2Fvue-virt-list/lists"}