{"id":13536059,"url":"https://github.com/xtongs/vue-recyclist","last_synced_at":"2025-04-02T02:32:08.516Z","repository":{"id":88866148,"uuid":"82245297","full_name":"xtongs/vue-recyclist","owner":"xtongs","description":"Infinite scroll list for Vue.js with DOM recycling.","archived":true,"fork":false,"pushed_at":"2018-08-02T04:29:44.000Z","size":908,"stargazers_count":262,"open_issues_count":2,"forks_count":60,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-03-30T11:33:42.173Z","etag":null,"topics":["infinite-scroll","vue","vue-recyclist"],"latest_commit_sha":null,"homepage":"https://xtongs.github.io/vue-recyclist/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xtongs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-02-17T01:50:34.000Z","updated_at":"2024-07-09T09:49:54.000Z","dependencies_parsed_at":"2024-01-18T03:48:19.851Z","dependency_job_id":null,"html_url":"https://github.com/xtongs/vue-recyclist","commit_stats":{"total_commits":40,"total_committers":3,"mean_commits":"13.333333333333334","dds":0.275,"last_synced_commit":"84f29b0c3763c430c1df4df03d6f847cc63ca42d"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xtongs%2Fvue-recyclist","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xtongs%2Fvue-recyclist/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xtongs%2Fvue-recyclist/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xtongs%2Fvue-recyclist/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xtongs","download_url":"https://codeload.github.com/xtongs/vue-recyclist/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246743845,"owners_count":20826620,"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","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":["infinite-scroll","vue","vue-recyclist"],"created_at":"2024-08-01T09:00:34.231Z","updated_at":"2025-04-02T02:32:08.199Z","avatar_url":"https://github.com/xtongs.png","language":"JavaScript","funding_links":[],"categories":["实用库"],"sub_categories":[],"readme":"# vue-recyclist (not maintained)\n\n\u003e Infinite scroll list for Vue.js (v2.1+) with DOM recycling.\n\n## [Demo](https://xtongs.github.io/vue-recyclist/)\n\n## Installation\n\n###\n\n``` bash\nnpm install -D vue-recyclist\n```\n\n## Import\n\n``` javascript\nimport VueRecyclist from 'vue-recyclist'\n\nexport default {\n  ...\n  components: {\n    VueRecyclist,\n  },\n  ...\n}\n```\n\nor\n\n``` html\n\u003cscript src=\"/path/to/vue-recyclist/dist/vue-recyclist.js\"\u003e\u003c/script\u003e\n```\n\n## Usage\n``` html\n\u003ctemplate\u003e\n  \u003cdiv\u003e\n    ...\n    \u003cvue-recyclist\n      :list = \"list\"\n      :tombstone = \"tombstone\"\n      :size = \"size\"\n      :offset = \"offset\"\n      :loadmore = \"loadmore\"\n      :spinner = \"spinner\"\n      :nomore = \"nomore\"\u003e\n      \u003c!-- tombstone slot --\u003e\n      \u003ctemplate slot=\"tombstone\" scope=\"props\"\u003e\n        ...\n      \u003c/template\u003e\n      \u003c!-- item slot --\u003e\n      \u003ctemplate slot=\"item\" scope=\"props\"\u003e\n        ...\n      \u003c/template\u003e\n      \u003c!-- loading spinner --\u003e\n      \u003cdiv slot=\"spinner\"\u003eLoading...\u003c/div\u003e\n      \u003c!-- end of list --\u003e\n      \u003cdiv slot=\"nomore\"\u003eNo More Data\u003c/div\u003e\n    \u003c/vue-recyclist\u003e\n    ...\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport VueRecyclist from 'vue-recyclist'\nexport default {\n  data() {\n    ...\n  },\n  components: {\n    'vue-recyclist': VueRecyclist\n  },\n  methods: {\n    loadmore() {\n      // Fetch more items\n      ...\n    }\n  }\n}\n\u003c/script\u003e\n```\n\n## Options\n\n| Directive | Type     | Default  |                                                                 |\n| --------- | ---------| -------- | --------------------------------------------------------------- |\n| list      | Array    | required | List of items                                                   |\n| tombstone | Boolean  | false    | Whether to show tombstones                                      |\n| size      | Number   | 10       | The number of items added each time                             |\n| offset    | Number   | 200      | The number of pixels of additional length to allow scrolling to |\n| loadmore  | Function | required | The function of loading more items                              |\n| spinner   | Boolean  | true     | Whether to show loading spinner                                 |\n| nomore    | Boolean  | false    | Whether to show 'no more data' status bar                       |\n\n## Development\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxtongs%2Fvue-recyclist","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxtongs%2Fvue-recyclist","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxtongs%2Fvue-recyclist/lists"}